/***************************************

 * TITLE: Prosimii Screen Stylesheet   * 

 * URI  : prosimii/prosimii-screen.css *

 * MODIF: 2004-Apr-28 21:43 +0800      *

 * ----------------------------------- *

 *     adapté 04/02/2006 - jimro       *

 ***************************************/





/* ##### Common Styles ##### */



body {

  text-align:left;

  font-family: verdana, helvetica, arial, sans-serif;

  font-size: 70%;  /* Permet la graduation de la taille des caractères dans MSIE */

  margin: 0;

  padding: 0;

  background-color: #d2b280;

  margin-left: auto;

  margin-right: auto;

  width: 680px

}



a img, img {

   border: 0;

}

a:hover img {

   background-color:none;

}



/*

html > body {

  font-size: 12px;

}

*/



acronym, .titleTip {

  border-bottom: 1px dotted rgb(61,92,122);

  cursor: help;

  margin: 0;

  padding: 0 0 0.4px 0;

}



a {

  color: rgb(61,92,122);

  background-color: transparent;

  text-decoration: none;

  margin: 0;

  padding: 0; /* 1px 2px 1px; */

}



a:hover {

  color: rgb(61,92,122);

  background-color: rgb(255,204,0);

  text-decoration: none;

}



ul {

  list-style-type: disc;

  margin: 1em 0 1.5em 0;

  padding: 0 0 0 5px;

}



ul li {

  line-height: 1.5em;

  margin: 0.3em 0 0 1em;

  padding: 0;

}



.doNotDisplay {

  display: none !important;

}



.smallCaps {

  font-size: 117%;

  font-variant: small-caps;

}



/* autres éléments par défaut */



input {

   background-color: #EEEEEE;

   border: #000000 1px solid; 

   text-indent: 1px;  

   font-size: 9px;

}



textarea {   

   font-size:10pt;

   color:#000000;

   font-style:normal;

   line-height:normal;

   font-weight:normal;

   text-decoration:none;

   letter-spacing:normal;

   word-spacing:normal;

   border:thin ridge;

   border-color: #000000;

   background-color:#FFFFFF;

}



select {  

   font-size:9px;

   color:#000000;

   background-color:#FFFFFF;

}



hr {}





/* ##### Header ##### */



.superHeader {

  color: rgb(130,128,154);

  /*background-color: rgb(33,50,66);*/

  text-align: right;

  margin: 0;

  padding: 3px 10px;

  height: 1.5em;

  vertical-align:top;

}



.superHeader span {

  color: rgb(195,196,210);

  background-color: transparent;

  font-weight: bold;

  text-transform: uppercase;

}



.superHeader a {

  color: rgb(195,196,210);

  background-color: transparent;

  text-decoration: none;

  margin: 0;

  padding: 0;

}



.superHeader a:hover {

  color: rgb(193,102,90);

  background-color: transparent;

  text-decoration: none;

}



.midHeader {

  color: white;

  /*background-image:url(img/ban1.jpg);*/

  margin: 0;

  padding: 0 0px;

  height: 240px;

}



.headerTitle {

  font-size: 300%;

  margin: 0;

  padding: 0;

  width: 50%;

  text-align:center;

}



.headerSubTitle {

  font-size: 151%;

  font-weight: normal;

  font-style: italic;

  margin: 0 0 1ex 0;

  padding: 0;

  width: 50%;

  text-align:center;

}



.headerLinks {

  width: 500px;

  height: 60px;

  margin: 0;

  margin-top: 5px;

  padding: 0;

  float: right;

  /*background-color: rgb(61,92,122);*/

  font-size: 24px;

  font-weight: bold;

  text-align: center;

}



.headerLinks a {

  background-color: white;

  padding:0;

}



.subHeader {

  color: white;

  /*background-color: rgb(117,144,174);*/

  margin: 0;

  padding: 0.5ex 10px;

}



.subHeader a, .subHeader .highlight {

  color: white;

  background-color: transparent;

  font-size: 110%;

  font-weight: bold;

  text-decoration: none;

  margin: 0;

  padding: 0; /* 0.25ex 0 0; */

}



.subHeader a:hover, .subHeader .highlight {

  color: rgb(255,204,0);

  background-color: transparent;

  text-decoration: none;

}



/* ##### Side Menu ##### */



#sidebar {

  width: 12em;

  margin: 0;

  padding: 0;

  position: absolute;

  top: 11em;

  z-index: 100;

}



#menu {

  font-size:1em; 

  padding: 0;

  width: 100%;

  background-color: #CCCCCC;

}



/* ##### Contenu central ##### */



#pagecentre {

  font-size:1em;

  text-align: left;

  color: rgb(61,92,122);

  padding: 20px;

  min-height: 400px;

  clear: left;

  background-color: white;

}



* html #pagecentre {

  height: 400px; /* hack uniquement interprété par IE Win+Mac*/

} 



#pagecentre h1 {

  color: rgb(193,102,90);

  background-color: transparent;

  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;

  font-size: 186%;

  margin: 0;

  padding: 1.5ex 0 0 0;

}



#pagecentre h2 {

  color: rgb(61,92,122);

  background-color: transparent;

  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;

  font-weight: normal;

  font-size: 151%;

  margin: 0;

  padding: 1ex 0 0 0;

}



#pagecentre p {

  color:rgb(33,50,66);

  line-height: 1.5em;

  margin: 1em 0 1.5em 0;

  padding: 0;

}



.newsHeading {

  color: rgb(61,92,122);

  background-color: transparent;

  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;

  font-size: 145%;

  text-decoration: none;

  margin: 0;

  padding: 1ex 0 0 0;

  display: block;

}



.newsHeading:hover {

  color: rgb(117,144,174);

  background-color: transparent;

  text-decoration: underline;

}



.newsDate {

  font-style: italic;

  margin: 0 !important;

  padding: 0;

}



.newsSummary {

  margin: 1.5ex 0 2.5ex 0.75ex !important;

  padding: 0;

}



.more {

  width:100%;

  text-align: right;

  margin: 2em 0;

  padding: 0;

}



.more a {

  color: rgb(61,92,122);

  font-size: 92%;

  text-decoration: none;

  margin: 0;

  padding: 0;

}



.more a:hover {}



.rowOfBoxes {

  clear: both;

}



.quarter, .oneThird, .half, .twoThirds, .fullWidth {

  margin: 1em 0;

  float: left;

  border-left: 1px solid rgb(204,204,204);

  background-color: white;

}



.quarter {

  width: 21%;

/*  padding: 0 1.9%; */

margin:0 1.9%;

_margin:0 1.5%;

  border-left: 1px solid rgb(255,255,255);

}



.oneThird {

  text-align: left;

  width: 28%;

  padding: 0 12px;

}



.half {

  text-align: left;

  width: 46%;

/*  padding: 0 1.9%; */

margin:1.9%;

margin-top:0;

_margin:0 1.3%;

  border-left: 1px solid rgb(255,255,255);

}



.twoThirds {

  text-align: left;

  width: 90%;

  padding: 0 12px;

}



.fullWidth {

  text-align: left;

  width: 96%;

  padding: 0 1.2em;

  border-left: none;

}



.filler {  /* use with an empty <p> element to add padding to the end of a text box */

  border: 1px solid white;

}

 

.noBorderOnLeft {

  border-left: none;

}



.dividingBorderAbove {

  border-top: 1px solid rgb(204,204,204);

}



.diviseVertical {

  background: url(Prosimii/colbg.gif) repeat-y 25% 0;

  margin-top: 1em;

}



.diviseVertical2 {

  background: url(Prosimii/colbg.gif) repeat-y 49.8% 0;

}



/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove

 * that don't require the creation of new classes - but which are not

 * supported by MSIE - are the following:

 *

 * .rowOfBoxes > div:first-child {

 *   border-left: none;

 * }

 *

 * .rowOfBoxes + .rowOfBoxes {

 *   border-top: 1px solid rgb(204,204,204);

 * }

 */





/* ##### Footer ##### */



#footer {

/*

  color: rgb(51,51,102);

  background-color: rgb(239,239,239);

  text-align: center;

*/

  clear: left;



  text-align: center;

  font-size: 87%;

  line-height: 1.25em;

  margin: 1em 0 0 0;

  padding: 1ex 10px;

  color: white;

  background-color: #CCCCCC;

  margin: 0;

  padding: 0.5ex 10px;

  position:relative;

}



#footer a {

  color: #FFFFFF;

  background-color: transparent;

  text-decoration: underline;

}



#footer a:hover {

  text-decoration: none;

}



#footer form, #footer form div {

  display:inline;

}



#conception {

  display:inline;

  position:absolute;

  right:10px;

  top:10px;

  color:#FFF;

  font-size:0.8em;

}