/* Start of CMSMS style sheet 'monpso' */
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
/*background-color: #eee; */
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 70%;
}
p {padding: 7px 0 7px 0;}

a {
/*color: #000099;*/
color: #336699;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

h1, h2, h3, h4, h5 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
/*width: 760px;*/
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 205px solid #fff; /*** This is the width and the color for our left column ***/
border-right: 205px solid #fff; /*** This is the width and the color for our right column ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%; 
}
.home {padding-left: 15px; border-left:15px;}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -205px; /*** Same length as .outer border-left but with negative value ***/
background-color:#fff;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
background: transparent;
margin-right: -205px;  /*** Same length as .outer border-left but with negative value ***/
width: 100%;
}
* html #content {
position: relative;
}
.contentWrap{
padding: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 15px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 180px;
min-height: 250px;
padding: 5px;
font-size:0.8em;
}
* html #left {
position: relative;  /*** IE needs this  ***/
height: 250px;
}
#left ul {
/*list-style: none;*/
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 180px;
padding: 5px;
min-height: 250px;
margin-right: -200px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
font-size:0.8em;
}
* html #right {
height: 250px;
position: relative;  /*** IE needs this  ***/
}
#right ul {
/*list-style: none;*/
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
/**************************
FOOTER
**************************/
#footer {
width: 100%;
margin: 0 auto;
padding-top:10px;
text-align: center;
font-size:10px;
}
#footer {width : 100%;clear : both;background-image : url(images/monpso/footer-back.png);background-repeat : repeat-x;background-position : 0% 0%;padding-bottom : 20px;/*background-color : #DF2A21;*/}



/**** *****/
#header {background : url(images/monpso/header-back.png) repeat-x 0% 0%;height : 110px;}
img#logo {border-width : 0;position : absolute;left : 00px;top : 0px;}
img#logo2 {border-width : 0;position : absolute;right : 15px;top : 5px;}
p#tagline {position: absolute;left:270px;right:100px;top:25px;text-align:center;color:#336699; font-size:22px;font-weight:bold;font-style:oblique;letter-spacing:2px;}

/* Primary navigation links */
#tabfloat {
  position: absolute;
  top: 74px;
  left: 3px;  
  width: 99%;  
/*  z-index: 2;*/
}

ul#primary-links {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-left: 255px;
}

ul#primary-links li {
/*  _width: 0px;*/
  float: right;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 1px 0px 1px;
  background: url(images/monpso/header-tab1.png) no-repeat 0% 0%;
}

ul#primary-links li a {
  display: block;
  list-style-type: none;
  padding: 4px 8px 0px 8px;
  margin: 0px;
  height: 22px;
  background: url(images/monpso/header-tab2.png) no-repeat 100% 0px;
  white-space: nowrap;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

ul#primary-links li:hover {
  background-image: url(images/monpso/header-tab1.png);
  background-position: 0% -24px;
}

ul#primary-links li:hover a {
  background-image: url(images/monpso/header-tab2.png);
  background-position: 100% -24px;
}



#nav {
  text-align:right;
  float: right;
  width: 758px;
  
}
#nav ul {
  float: none;
  margin:0;
  padding:0px 10px 0;
  list-style:none;
}

/* top level links */

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */


#nav li {
  float:left;
  background:url(images/monpso/tab_l.png) no-repeat bottom left;
  margin:0;
  margin-left:1px;
  padding:0 0 0 6px;
}

#nav li a {
	float:left;
	font-size: 11px;
  display:block;
  line-height: 28px;
  background:url(images/monpso/tab_r.png) no-repeat 100% 100%;
  padding: 0px 15px 0px 10px;
  text-decoration:none;
  color:#ffffff;
font-weight:bold;
}

div#nav li:hover, div#nav li.sfhover {
  background:url(images/monpso/over_tab_l.png) no-repeat bottom left;
}
div#nav li:hover a, div#nav li.sfhover a {
  background:url(images/monpso/over_tab_r.png) no-repeat bottom right;
}



body, input, textarea, th, td, select {font-family : "Bitstream Vera Sans", Verdana, Helvetica;}

body {background-color : #fff;margin : 0;padding : 0;}
body {font-size : 100%;}
html > body {font-size : 16px;}
body, .form-text, .form-password, textarea, th, td {color : #003150;}
form {margin : 0;padding : 0;}
.contentWrap {font-size : 0.8em;}

.contentWrap h1 {color : #003150;font-size : 1.85em;font-weight : normal;text-decoration : none;margin : 0 0 0.2em;padding : 0;border-bottom : 1px solid #7f98a7;}


#menu {border: solid 1px #336699;width:100%;}
#menu ul { padding-left: 0.75em;}

#menu {padding : 0 0 0 0em; }
/*#menu ul {list-style : none;border : none;text-align : left;}*/
#menu li a {width : 100%;text-decoration : none; color:#336699}

#menu li.activeparent {list-style-type : none; list-style-image:none; padding:0px; background-color: #eeeeee; font-weight:bold; text-align:center;}


#menu li , #menu li li {
background-color: transparent;
font-weight:bold;
list-style-type: square;
list-style-image: url(images/monpso/menu-leaf.png);
padding-top: 0.2em;
padding-right: 0.5em;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
text-align:left;
}
#right  #menu li ,#right  #menu li li , 
#left #menu li ,#left #menu li li 
{
font-weight: normal;padding-bottom:5px;
}
#menu li.currentpage a{color : #df2a21; font-weight:bold; }
#menu li.currentpage {list-style-image : url(images/monpso/menu-collapsed.png)}

#menu li.active { font-weight:bold; list-style-type : circle;list-style-image : url(images/monpso/menu-expanded.png);padding : 0.2em 0.5em 0 0;margin : 0;}
li.collapsed {list-style-type : disc;list-style-image : url(images/monpso/menu-collapsed.png);padding : 0.2em 0.5em 0 0;margin : 0;}


#menu li.active a {font-weight:bold; }

#menu .title {width:100%;padding:0 0 0.25em 0; margin:0px;border:0px;background-color: #336699; color:white; font-weight:bold; text-align:center;}
#left #menu ul {background-color: #eeeeee;}

#prevnext {border-top: solid 1px #369; margin-top:10px; padding-top:5px;font-weight: bold;color:#df2a21}
#prevnext a {color: #df2a21 ; text-decoration:none;}
#prevnext a:hover {text-decoration:underline;color: #df2a21 ;}

.encadre {background-color: #eeeeee; border: solid 1px #999999; padding: 5px 10px 5px 10px;}

#content .node {width:98%;}
#content .node .node-title, #content h2.title, #content h1.title {color : #003150;font-size : 1.85em;font-weight : normal;text-decoration : none;margin : 0 0 0.2em;padding : 0;border-bottom : 1px solid #7f98a7;}

#content .stickyw {background-color : #ffffff;border : 1px solid #d0d0e0;}
#content .stickyw .w1 {background-image : url(images/monpso/stickyw-tl.png);background-position : 0% 0%;background-repeat : no-repeat;position : relative;top : -1px;left : -1px;}
#content .stickyw .w2 {background-image : url(images/monpso/stickyw-tr.png);background-position : 100% 0%;background-repeat : no-repeat;position : relative;left : 2px;}
#content .stickyw .w3 {background-image : url(images/monpso/stickyw-br.png);background-position : 100% 100%;background-repeat : no-repeat;position : relative;top : 2px;}
#content .stickyw .w4 {background-image : url(images/monpso/stickyw-bl.png);background-position : 0% 100%;background-repeat : no-repeat;position : relative;left : -2px;padding : 0.8em;overflow : hidden;}


#content .sticky {background-color : #f0f0f0;border : 1px solid #d0d0e0;}
#content .sticky .w1 {background-image : url(images/monpso/sticky-tl.png);background-position : 0% 0%;background-repeat : no-repeat;position : relative;top : -1px;left : -1px;}
#content .sticky .w2 {background-image : url(images/monpso/sticky-tr.png);background-position : 100% 0%;background-repeat : no-repeat;position : relative;left : 2px;}
#content .sticky .w3 {background-image : url(images/monpso/sticky-br.png);background-position : 100% 100%;background-repeat : no-repeat;position : relative;top : 2px;}
#content .sticky .w4 {background-image : url(images/monpso/sticky-bl.png);background-position : 0% 100%;background-repeat : no-repeat;position : relative;left : -2px;padding : 0.8em;overflow : hidden;}
#content h2 a {color : #003150;font-size : 1em;font-weight : normal;text-decoration : none;}
#content h2 a:visited {color : #003150;}
#content h2 a:hover {color : #3d627a;text-decoration : none;}
#content .node {margin-bottom : 2.5em;}
.terms {float : right;position : relative;font-size : 0.85em;}
#content .node .info-list, #content .node .info-page {color : #8ca6b6;font-size : 0.85em;}


.block-red {margin : 1px 0px 15px 0px; width: 98%;}
.block-red .titre {background-color : #DF2A21;margin : 0px;font-size : 1em;font-weight : bold;color : #fff;text-align : center;font-size : 1em;}
.block-red .content {background-color : #eeeeee;border : solid #DF2A21;border-width : 0 1px 1px;}
.block-red .titre .w1 {display : block;background : url(images/monpso/blockred-tl.png) no-repeat 0% 0%;position : relative;}
.block-red .titre  .w2 {display : block;background : url(images/monpso/blockred-tr.png) no-repeat 100% 0%;position : relative;padding : 3px 5px 2px;}
.block-red .content .w1 {background : url(images/monpso/blockred-br.png) no-repeat 100% 100%;position : relative;top : 1px;left : 1px;}
.block-red .content .w2 {background : url(images/monpso/blockred-bl.png) no-repeat 0% 100%;position : relative;padding : 5px;left : -2px;top : 0;}

.block-blue {margin : 1px 0px 15px 0px; width: 98%;}
.block-blue .content .w1 {background : url(images/monpso/block-br.png) no-repeat 100% 100%;position : relative;top : 1px;left : 1px;}
.block-blue .content .w2 {background : url(images/monpso/block-bl.png) no-repeat 0% 100%;position : relative;padding : 5px;left : -2px;top : 0;}
.block-blue h2 .w1 {display : block;background : url(images/monpso/block-tl.png) no-repeat 0% 0%;position : relative;}
.block-blue h2 .w2 {display : block;background : url(images/monpso/block-tr.png) no-repeat 100% 0%;position : relative;padding : 3px 5px 2px;}
.block-blue h2 {background-color : #369;margin : 0;font-size : 1em;font-weight : bold;color : #fff;text-align : center;font-size : 1em;}
.block-blue .content {background-color : #eeeeee;border : solid #369;border-width : 0 1px 1px;}


.links , .links a {text-align : right; color: #DF2A21; font-weight:bold;}
#content img.right {margin-left : 5px;clear : right;float : right;padding : 1px;border : 1px solid #ccc; margin-left:5px;}
#content img.left {margin-left : 5px;clear : left;float : left;padding : 1px;border : 1px solid #ccc; margin-right:5px;}

.quizzCorrect td {background-color: #AAFFAA;}
.quizzError td {background-color: #FFAAAA;}

input { border: dotted 1px #333; }
/* End of 'monpso' */