/* --------------------------------------------------------- */
/* Style Sheet settings for SIMPOL web site. Pierre COLLINET */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* Used SELECTORS that will get settings  */
/* 
FRAME, FRAMESET, IFRAME, NOFRAMES, 
OBJECT, APPLET, 
FIELDSET, FORM, 
DL, DT, DD, 
OL, UL, LI, 
H1, H2, H3, H4, H5, H6, 
ADDRESS, BLOCKQUOTE, DIV, P,
A, A:link, A:visited, A:active, 
CENTER, DIR, HR, MENU, PRE, BODY, 
TABLE, TR, TD, TH, THEAD, TBODY, TFOOT, COL, COLGROUP, CAPTION,
*/
/* Used SELECTORS that will NOT get settings here:  */
/* 
B, U, I, SPAN, FONT, 
*/

/* --------------------------------------------------------- */
/* Text page, default settings :   */
HTML {overflow-x:hidden;}

BODY {
  margin-top: 14px; margin-right: 10px; margin-bottom: 20px; margin-left: 10px;
  padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px;
  /*  width: 100%; */
}
BODY.NOMARGINS {        /* for menu pages */
  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
  padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
  /*  width: 100%; */
}
TABLE.NOMARGINS {        /* for world map */
  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
  padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
}
BODY, BODY.NOMARGINS,
SPAN, TABLE {
	border: 0pt;
	background-color : #FFFFFF;     /*  WHITE COLOR   */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	color: #878889;         /*  grayish color for texts =135,136,137   */
	text-align: justify;
	text-indent: 0pt;
	display: run-in;
	text-decoration: none;
}



/* WILL GO AWAY */
.PAGESBACK {
  background-color : #FFFFFF;         /*  WHITE COLOR   */
}

.SQUARE-AROUND-CONTENT {
  background-color : #006699;         /*  sort of OCEAN BLUE COLOR   */
}

.RULERSBLUECOLOR {
  background-color : #C1D8EA;       /* rulers light blue COLOR = 193, 216, 234   */
 /* background-color : #9FC7E7;  */ /* titles light blue COLOR = 159, 199, 231   */
  color: #C1D8EA;
}

/* =============================== STYLES ========================= */
A {
	color: #006699;
}
A.INVISIBLEVISITED:visited {
	text-decoration: none;
	color: #878889;         /*  sort of grayish color for texts   */
}
A.INVISIBLEVISITED:hover {
	color: #006699;
}

.PAGETITLE {
	font-size: x-large;
	line-height: 150%;
	font-weight: bold;
	color: #9FC7E7;         /*  LIGHTBLUECOLOR = 159, 199, 231   */
	text-align: left;
}
/* when PAGETITLE is not beginning the page (then inside (following) a P), 
   more space is given before */
P .PAGETITLE { 
	line-height: 300%;
	vertical-align: -70%;
}

.PAGESUBTITLE {
	font-size: large;
	line-height: 120%;
	font-weight: bold;
	color: #9FC7E7;
	text-align: left;
}
.SECTIONTITLE {
	font-size: medium;
	line-height: 120%;
	font-weight: bold;
	color: #006699;
	text-align: left;
}

/* OBJECTTITLE is used to present a video, a table, a map...
   and for any "catch attention" text, like slogan...       */
.OBJECTTITLE {
	font-size: large;
	font-weight: bold;
	color: blue;
	text-align: left;
}
.LITTLEENHANCED {
	font-size: medium;
	line-height: 120%;
	font-weight: bold;
}

/* sort of "BLOCKQUOTE" for important citations */
.CITATION {
	/*  padding-left: 30pt;  */
	font-style: italic;
	font-weight: bold;
}

.LEGEND { 
	font-size: x-small;
	color: black;
	text-align: left;
}
.PHOTOCAPTION  { 
	font-size: x-small;
	color: #006699;
}
.COPYRIGHT {
	font-size: small;
	font-style: normal;
}


/* ======================== SHORTUL =========================== */
/* a UL that starts right under preceding text (no big space) */
UL.SHORTUL { 
	margin-top: 3px;
}


/* ======================== ENDORSERSTABLE =========================== */
/* ENDORSERSTABLE presents on one row:
   a picture on the left colon, then some space and then
   a text in the last colon, relative to the picture.
   Each row is separated by a ruler of a precised color and some space.  */
TABLE.ENDORSERSTABLE {
	border-collapse: collapse;
	frame: void;
	rules: none;

	margin-top:    20px;
	margin-bottom: 20px;
	margin-left:   0px;
	margin-right:  0px;

	padding-top:    10px;
	padding-bottom: 10px;
	padding-left:    0px;
	padding-right:   0px;
}
/* First TR must have no border on top, like the others */
TR:first-child.ENDORSETR { 
	border-top: none;
}
TR.ENDORSETR { 
	border-top: 1px;
	border-style: solid;
	border-color: #C1D8EA;
	margin-top:    20px;
	margin-bottom: 20px;
	margin-left:   0px;
	margin-right:  0px;
	padding-top:    10px;
	padding-bottom: 10px;
	padding-left:    0px;
	padding-right:   0px;
}
/* ======================== BORDERTABLE =========================== */
TABLE.BORDERTABLE {
	border-collapse: separate;    /* and not "collapse"    */

	border-width:  thin;   /* sets all 4 "border-top-width", ... */
	border-style:  solid;
	border-color:  #C1D8EA;
/* equivalent to the 3 above "border-width", "border-style", "border-color":
	border-top:    thin solid #C1D8EA;
	border-right:  thin solid #C1D8EA;
	border-bottom: thin solid #C1D8EA;
	border-left:   thin solid #C1D8EA;
*/
}
TD.BORDERTD {    /* sets border width on all 4 sides */
        border-style: solid;
        border-width: 1px;  /* "1px" is smaller than "thin" */
        border-color: #C1D8EA;

	padding:         5px;   /* sets all 4 "padding-top", ... */
/* equivalent to
	padding-top:     5px;
	padding-bottom:  5px;
	padding-left:    5px;
	padding-right:   5px;
*/
}



/* ======================== END OF STYLES =========================== */