* {
	margin: 0;
	padding: 0;
}
html {
	overflow: -moz-scrollbars-vertical; /* Firefox */
	overflow-y: scroll;
}
html, body {
	height: 100%;
}
img {
	border: 0;
}
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	margin:0px;
	padding:0px;
	text-align: center;
	background:#333768;
}
p, ul, ol {font-family:Verdana, Geneva, sans-serif;font-size:11px; }

#outerTableForContentsDiv{
	/*position: relative;*/
	margin: 0 auto; 
	width:inherit;
	background-color:#FFF; /******* #9C0 deep red for testing ******/
	height: auto !important;*/
	
	zoom:1;
}
#pagearea {
	/*position: relative;*/
	/*border-left: 1px solid #000000;border-right: 1px solid #000000;*/ 
	vertical-align:top;
	padding:0px;
	width:100%;
	text-align:center;
	height: auto !important;
	height: inherit;
	min-height:750px;*/
}
#textarea {
	/*position: relative;*/
	vertical-align:top;
	background:#FFF;
	text-align:center;
	width:99%;
	padding:1px;
	/*height: auto !important;
	height: inherit;
	min-height:500px;*/
}
#container {
	/*position: relative;*/
	vertical-align:top;
	margin:0px;
	margin-bottom:3px;
	padding:0px;
	font-size:9px; 
	text-align:center;
	background-color: #FEFEFE; /******* #9C0 light green ******/
	text-align:left;
	height: auto !important;
	height: 750px;
	min-height:750px;
}

#header {width:100%;color:#333768;background-color:#FFF;border-top:1px solid #933;border-bottom:1px solid #933;}

#footer {
	width:100%;
	height:25px;
	padding:0px;
	padding-top:5px;
	margin:0px;
	background-color:#332E54;
	border-top:1px solid #933;border-bottom:1px solid #933;
	background-image: url('fonds/footerSIDS.png');
}

#entete {border-bottom: 0px solid #933;}
#entete #photo { width: 100%; height:70px; background:#b7bcd7; background-image: url('fonds/enteteSIDS.png'); vertical-align: baseline; background-repeat: repeat-x;}
#strong { font-weight: bold; }
#nom_site { text-align:right;vertical-align: baseline; font-size: 30px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal;background:none; color:#CCC;text-shadow: 0.07em 0.07em 0.07em #000;}
#nom_site_2 { vertical-align: baseline; font-size: 40px; font-family: Georgia, Times, serif; font-weight: normal;background:none; color:#CCC;}
#signature {text-align:right; vertical-align: baseline; font-size: 9pt;background:none; color: #F0F1E0;} 




#textarea table {background:#FFF;vertical-align:top;width:100%;}
#textarea h3 {font-size:13px;padding:0px;margin:0px;margin-bottom:5px;margin-top:0px;border-bottom: 1px solid #DDDDDD;width:90%;}
#textarea p, formtable p {font-size:11px;padding:0px;margin:0px;margin-bottom:5px;}


#erreurs {color:#933;font-size:10px;padding:0px;margin:0px;margin-bottom:5px;font-family: Verdana, Arial, Helvetica, sans-serif;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 {font-size:13px;color: #033;}
h3 {font-size:12px;}
#menuoptions {font-size:11px;color:#0000CE;}
#menuoptions #title {font-size:12px;color: #033;border-bottom: 1px solid #033; padding-bottom:8px;}



#container a {font-size:11px;text-decoration:none;color:#033;font-weight:normal;}
#container h3, #container h3 a {font-size:13px;color:#033;font-weight:normal;background:#E7E7DE;padding-top:5px;padding-bottom:5px;margin:0px;border-top:1px solid #033;}
#container h3 {cursor:default;}

#header h2 {font-size:15px;margin:0;}



#footer, #footer a {color:#FFFFAA;font-size:9px;}


#formarea {height:100px;background:#FFFFCC;border-left: 1px solid #000000;border-right: 1px solid #000000;vertical-align:top;padding:2px;}
#formareaFullPage {width:100%;background:#FFFFFD;}
#formareaFullPage td {background:#FFFFEC;vertical-align:top;font-size:11px;}
/*select, option {font-size:13px;}*/
#formareaFullPage td { background:#FFFFFD;vertical-align:middle;padding:2px;}
#formareaFullPage #formtitle {font-size:11px;font-weight:bold;color:#033;border-bottom:1px solid #033;border-top:1px solid #033;padding-top:5px;padding-bottom:5px;}
#formarea h1, #textarea h1, #titleh1 {font-size:17px;font-family: Georgia, Times, serif;padding:0px;margin:0px;margin-bottom:0px;margin-top:5px;border-bottom: 1px solid #BBBBBB;background-color:#E7E7DE;}
#formarea h2, #textarea h2, #titleh2, h2 {font-size:15px;font-family: Georgia, Times, serif;padding:0px;margin:0px;margin-bottom:0px;margin-top:5px;border-bottom: 1px solid #E7E7DE;}
.titleh2 {font-size:15px;font-family: Georgia, Times, serif;padding:0px;margin:0px;margin-bottom:0px;margin-top:5px;}
#formarea h3 {color:#FFFFCC;background-color:#E7E7DE;padding:0px;margin:0px;}
#formarea p {font-size:10px;padding:0px;margin:0px;margin-bottom:5px;font-family: Verdana, Arial, Helvetica, sans-serif;}

#buttonZone, .buttonZone {height:12px;background-color: #E7E7DE;padding:2px;border-top:1px solid #033;border-bottom:1px solid #033;}
.button, .buttonZone #submit{color:#933;padding:0px;margin:0px;cursor:pointer;font-size:11px;text-shadow:0.2em 0.2em 0.2em #999;}

#dataTable {width:100%;background-color:#FFF;font-size:10px;color:#030303;border-top: 1px solid #033;border-bottom: 1px solid #033;}
#dataTable th {font-weight:bold; background-color: #E1E3D2; text-align:left;padding-left:3px;}
#dataTable th a {font-weight:bold;color: #033;}
#dataTable td {text-align:left;padding-left:3px;vertical-align:top;background-color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:9px;}
#dataTable td a, #dataTable2 td a {font-size:9px;color: #033;}
#dataTable td #listeTitle {font-size:13px;font-weight:normal;}

#nav {
      float:left;
      width:100%;
	  background:#F3F1E6 url("menu-onglets/bg.gif") repeat-x bottom;
      line-height:normal;
	  font-size:9px;
	  margin:0px;
	  padding:0px;
}
#nav ul {
      margin:0px;
	  padding:0px;
      /*padding:1px 1px 0px;*/
      list-style:none;
	  
}
#nav li {
      float:left;
      background:url("menu-onglets/left.gif") no-repeat left top;
      margin:0px;
      padding:0px 0px 0px 5px;
	  border-bottom: 1px solid #000;
}
#nav a, #nav span {
      float:left;
      display:block;
      background:url("menu-onglets/right.gif") no-repeat right top;
      padding:5px 7px 4px 2px;
	  padding-bottom:5px;
      text-decoration:none;
      font-weight:bold;
      color:#999;
	  font-size:9px;
	  border-bottom: 0px solid #FFF;
	  cursor:pointer;
}

#nav a {float:none;text-shadow: 0.25em 0.25em 0.25em #BBB;}
    /* End IE5-Mac hack */
#nav a:hover, #nav span:hover {color:#333;}
#nav li #current{
	  border-bottom: 1px solid #FFF;
}
#nav #current{
      background-image:url("menu-onglets/left_on.gif");
	  text-shadow: 0.25em 0.25em 0.25em #C60;
	  border-bottom: 1px solid #FFF;
}
#nav #current a, #nav #current span {
      background-image:url("menu-onglets/right_on.gif");
      color: #033;
      padding-bottom:5px;
	  border-bottom: 0px solid #FFF;
	  cursor:pointer;
}

#navDocEditor {
      /*float:left;*/
      width:100%;
	  background:#F3F1E6 url("menu-onglets/bg.gif") repeat-x bottom;
      line-height:normal;
	  font-size:9px;
	  margin:0px;
	  padding:0px;
	  
	  overflow:hidden;
	 
}
#navDocEditor ul {
      margin:0px;
	  padding:0px;
      /*padding:1px 1px 0px 1px;*/
      list-style:none;
	  margin-top:0px;
	  padding-top:-5px;
}
#navDocEditor li {
      float:left;
      background:url("menu-onglets/left.gif") no-repeat left top;
      margin:0px;
      padding:0px;
	  padding-bottom:-1px;
}
#navDocEditor a {
      float:left;
	  border-bottom: 1px solid #FFF;
      display:block;
      background:url("menu-onglets/right.gif") no-repeat right top;
      text-decoration:none;
      font-weight:bold;
      color:#999;
	  font-size:9px;
	  padding:5px 15px 3px 5px;
	  margin:0px;
	  margin-right:1px;
	  margin-left:7px;
	  border-bottom: 1px solid #cecece;
}

/*#navDocEditor a {float:none;text-shadow: 0.25em 0.25em 0.25em #BBB;}*/
    /* End IE5-Mac hack */
#navDocEditor a:hover {color:#333;}
#navDocEditor #current{
      background-image:url("menu-onglets/left_on.gif");
	  text-shadow: 0.25em 0.25em 0.25em #C60;
	  
}
#navDocEditor #current a {
      background-image:url("menu-onglets/right_on.gif");
      color: #933;
	  font-size:11px;
      /*padding-bottom:5px;*/
	  border-bottom: 1px solid #FFF;
}

fieldset {
	margin: 0px;
    padding: 0px;
	padding-bottom:8px;
	background-color:#ffe;
}
fieldset table td{
    margin: 0px;
    padding: 0px;
    border: 0px solid #afafa3;
    background-color:transparent;
	font-size:9px;
}
legend {
	font-size:8.75px;
}

#panelEditorDivMaximizer, #panelListDivMaximizeZone, #windowListDivMaximizeZone, #menuListDivMaximizeZone, #datatreeListDivMaximizeZone {font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:9px; font-weight:bold; color:#FFF; background:#CCE;border:2px solid #CCE;width:1010px;}

.dragclass{
position : relative;
cursor : move;
}
.td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
.td {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
}
/* gallery pics are for icon overlays for bricks and documents */
/* they require icons/images that are 18x18                    */
.statusChangeDiv{
  width:16px;
  height:16px;
  position:relative;
  display:block;
  border:0px solid #FFF;
  padding:0px;
  float:left;
}
.statusChangeBrickImage{
  width:16px;
  height:16px;
  display:block;
  border:0px solid #FFF;
  padding:0px;
    filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.statusChangeStateImage{
  width:8px;
  height:8px;
  position:absolute;
  left:2px;
  top:4px;
  /*filter:alpha(opacity=25);
  -moz-opacity:0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;*/
}
.statusNotAvailable{
  width:16px;
  height:16px;
  display:block;
  border:0px solid #FFF;
  padding:0px;
    filter:alpha(opacity=10);
  -moz-opacity:0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
}