/* FEUILLE DE STYLE POUR LE SITE WEB DU RAPPORT DE MISSION DTI */
/* ----------------------------------------------------------- */

BODY {
      color: black;
      background-color: white;
      font-family: verdana, helvetica, sans-serif;
}

P.print { font-size: 60%; text-align: left; padding: 5px; ; font-style: italic; line-height: 0.5em}

DIV.commentaire { 
	font-style: italic; 
	color: #FF3300; 
}

SPAN.commentaire { 
	font-style: italic; 
	color: #FF3300; 
}

TABLE.chap TH { 
	border: #5B00B7 1px solid; 
	text-align: left; 
	font-weight: normal;
}

/* ----- entête de chaque partie ---------- */

TD.bandeau {
      background-color: #5B00B7;
      font-family: verdana, helvetica, sans-serif;
}

P.bandeau {
      font-family: verdana, helvetica, sans-serif;
	color: white;
	padding: 5px;
      font-size: 80%;
      text-align: right;
}

H1.entete {
      color: #5B00B7;
	padding: 5px;
      font-family: verdana, helvetica, sans-serif;
}

P.entete {
      color: #5B00B7;
	padding: 5px;
      font-weight: bold;
      font-family: verdana, helvetica, sans-serif;
}

P.separateur {
	width: 80%;
      border:  #5B00B7 solid;
	border-width: 0px 0px 2px 0px;
      font-family: verdana, helvetica, sans-serif;
}

P.toc {
	line-height: 20%;
      font-size: 80%;
      text-align: left;
	padding: 5px;
      font-family: verdana, helvetica, sans-serif;
}

TD.navigation {
     	background-color: #C8A46E;
      font-family: verdana, helvetica, sans-serif;
}

DIV.navigation {
	padding: 4px;
      color: black;
      font-size: 80%;
	text-align: right;
}

DIV.navigation A {
      font-weight: bold;
}

DIV.navigation P {
	font-family: helvetica, sans-serif;
      font-size: smaller;
	line-height: 90%;
}

TD.nav2 { 
	background-color: #C8A46E; 
	text-align: center;
	font-family: helvetica, sans-serif;
}

DIV.nav2 {
	padding: 4px;
      color: black;
      font-size: 80%;
}

DIV.nav2 A {
      font-weight: bold;
}

DIV.nav2 P {
	font-family: helvetica, sans-serif;
      font-size: smaller;
	line-height: 90%;
}


/* ----- introduction ---------- */

P.intro {
      text-align: justify;
	margin: 40px;
	font-size: 80%;
}

DIV.intro {
      text-align: justify;
	font-size: 80%;
}

/* ----- corps de chaque partie ---------- */

DIV.corps {
      font-family: verdana, helvetica, sans-serif;
	margin: 10px;
}

DIV.corps H1 { 
	color: #5B00B7; 
}

DIV.corps H2 {
	margin-top: 2em; 
     color: #5B00B7;
     	background-color: #E7DCF9;
}

DIV.corps H3 { 
	color: #5B00B7; 
}

DIV.corps blockquote {  
	font-style: italic; 
	width: 80%;
}

DIV.corps TABLE {
	border-width: 1px;
	border: 1px gray solid; }

DIV.corps TD { 
	border-width: 1px; 
	border: 1px gray dotted; 
	border-color: gray;
}

DIV.corps P {
      text-align: justify;
}

DIV.corps DL DT {
      font-weight: bold;
	border: solid;
	border-width: 6px 0px 0px;
	border-color: white;
}

DIV.corps DL DD {
      font-size: 90%;
	text-align: justify;
}

DIV.corps UL LI {
	text-align: justify;
}

DIV.corps OL LI {  
     	text-align: justify;
}

DIV.corps BLOCKQUOTE.sstitre { 
	color: #5B00B7; 
	font-style: italic; 
	font-weight: bold;
}

DIV.corps P.sschap {  
	font-size: 80%; 
	font-style: italic; 
	text-align: right;
}

DIV.corps H4 { 
	color: #5B00B7; 
}

/*  big table   */

TD.right {
	text-align: right;
}

/*  section recommandation  */

DIV.rec1 {
 	padding-left: 8px;
      background-color: #E7DCF9;
}

DIV.rec2 {
  	padding-left: 2em;
 	padding-right: 0em;
      background-color: white;
} 

/*  ------ division des liens -------  */

DIV.liens {
      font-family: verdana, helvetica, sans-serif;
	border: #C8A46E solid;
	border-width: 1px 1px 1px 20px;
	padding: 0.5em;
}

DIV.liens UL LI {
	line-height: 1.4em;
}

DIV.liens P {
}

/* ----- pied de chapitre ---------- */

DIV.piedpage {
	font-family: verdana, helvetica, sans-serif;
        font-size: 60%;
	line-height: 20%;
      	text-align: right;
}

DIV.piedpage P.separateur {
	width: 120%;
      border:  #5B00B7 solid;
	border-width: 0px 0px 2px 0px;
}

/* ----- zone des références ---------- */

DIV.ref { 
	font-family: arial, verdana, helvetica, sans-serif; 
	margin: 5em; 
	border-color: #5B00B7; 
	border: 1px #5B00B7 solid; 
	padding: 1em; 
}

DIV.ref H2 {
      color: #5B00B7;
      background-color: #E7DCF9;
	text-align: center;
}

DIV.ref H3 { 
	color: #5B00B7; 
}

DIV.ref DT {
      	font-weight: bold;
      	font-size: 90%;
	border: white solid;
	border-width: 8px 0px 0px 0px;
}

DIV.ref DD {
      	font-size: 90%;
}

DIV.ref LI {  
	font-size: 90%;
}

/* ----- couverture ---------- */

DIV.pgarde { 
	font-family: verdana, helvetica, sans-serif; 
	color: #5B00B7; 
}

DIV.lettre { 
	font-family: verdana, helvetica, sans-serif; 
	margin: 10px; ; 
	border-color: black #5B00B7; 
	border: 1px #5B00B7 solid; 
	padding: 2em;
}

DIV.lettre P {  
	font-size: 80%; 
	text-align: justify;
}