body{
background-color:#ededed;
color:black;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
margin:10px;
padding:0;
}

div#corpsdutexte{
margin: 0 0 2em 150px;
}

/* balise acronym utilisé pour les abréviations <ACRONYM title="Société Nationale des Chemins de Fer Français">SNCF</ACRONYM> */
/* balise cursor change le style de l'icône souris */
acronym{
cursor:help;
border-bottom:1px dotted black;
}

/* --------------------------------------------------- MENUS -------------------------------------------------------------- */

div#menus {
	left: 10px;
	top: 0;
	float: left;
	position: fixed;
	width: 140px;
	overflow:hidden;
}

/* rouge: #f51e30 */
/* bleu foncé: #369 */

/* menus gauche avec inversion vidéo onmouse couleur 1*/

#logo {
	background-color:transparent;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}

#menu_pj{
	color:white;
	background-color:#ededed;
	padding:0;
}

#menu_pj h2{
	background-color: #369;
	border-top: 2px solid #99CCFF;
	border-bottom: 2px solid royalblue;
	border-left: 2px solid #99CCFF;
	border-right: 2px solid royalblue;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:5px;
	text-transform:uppercase;
}

#menu_pj h2:first-letter{
	color:white;
	background-color:#369;
	font-size:larger;
}

#menu_pj ul,#menu_db ul{
	margin-bottom:0.5em;
	margin-top:0.5em;
}

#menu_pj li,#menu_db li{
	display:inline;
	list-style:none;
}

#menu_pj a{
	color:#f51e30;
	background-color:transparent;
	display:block;
	font-weight:700;
	margin-left:-3em;
	padding-left:1em;
	text-decoration:none;
}

#menu_pj a:hover{
	background-color:#FFFFCC;
	color:#f51e30;
}

/* menus gauche avec inversion vidéo onmouse couleur 2*/
#menu_db{
	color:white;
	background-color:#ededed;
	margin:0;
	padding:0;
}

#menu_db h2{
	background-color: #369;
	border-top: 2px solid #99CCFF;
	border-bottom: 2px solid royalblue;
	border-left: 2px solid #99CCFF;
	border-right: 2px solid royalblue;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:5px;
	text-transform:uppercase;
}

#menu_db h2:first-letter{
	color:white;
	background-color:#369;
	font-size:larger;
}

#menu_db a{
	color:#655f4b;
	background-color:transparent;
	display:block;
	font-weight:700;
	margin-left:-3em;
	padding-left:1em;
	text-decoration:none;
}

#menu_db a:hover{
	color:#655f4b;
	background-color:#ddFFFF;
}

/* ---------- menu bas ---------- */

#menu_bas{
	text-align:right;
	color:#369;
	background-color:transparent;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#menu_bas ul{
	margin-left:0;
	padding-left:0;
}

#menu_bas li{
	border-right:1px solid #036;
	display:inline;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0 0;
}

#menu_bas li.dernier{
	border:0;
}

/* ------------------------------------------------------------- TEXTE ---------------------------------------------------------------- */

img {
	border: none;
	vertical-align: top;
}

.droit	{vertical-align:text-top;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:10px;
		float:right}

.centre	{vertical-align:text-top;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		float:center}

.gauche	{vertical-align:text-top;
		margin-top:0px;
		margin-right:10px;
		margin-bottom:0px;
		margin-left:0px;
		float:left}


strong {font-weight:bold;
	color:#369;}

em	{font-weight:bold;
	font-style:italic;
	color:cornflowerblue;}

a.jp	{text-decoration: none;
		font-weight:normal;
		color:#800000;}

a:hover.jp	{text-decoration: underline;
			color:#FF6600;}

a.texte	{border-top: 0px solid #FF6600;
		border-bottom: 1px solid #FF6600;
		text-decoration: none;
		font-weight:normal;
		color:#FF6600;
		}

a:hover.texte {
	text-decoration: none;
	border-top: 0px solid cornflowerblue;
	border-bottom: 0px solid cornflowerblue;
	border-left: 0px solid #FF6600;
	border-right: 0px solid #FF6600;
	color:#369;
	}
/* couleur rouge: color:#f51e30 */

/*	
#menu_bas a{
background-color:transparent;
color:#FF6600;
}

#menu_bas a:hover{
background-color:#FF6600;
color:#eff4fa;
text-decoration:none;
}
*/

/* table des matières */

ol.tdm1{
	text-transform:uppercase;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color:#FF6600;
	font-size: 12px;
	font-weight:bold;}

ol.tdm2{
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 30px;
	text-transform:none;
	list-style-type: upper-roman;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#FF6600;
	font-size: 14px;
	font-weight:bold;
}

ol.tdm3{
		list-style-type: decimal;
	padding-left: 30px;
}

ol.tdm4{
	list-style-type: upper-alpha;
	padding-left: 30px;
}

ol.tdm5{
	list-style-type: lower-alpha;
	padding-left: 30px;
}

li.tdm {
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: black;
	font-size:14px;
	font-weight:normal;
}

a.tdm {
	text-decoration: none;
	font-weight:normal;
	color:#369;
}

a:hover.tdm {
	text-decoration: underline;
		color:#FF6600;
	}

a.tdm1 {
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	font-weight:bold;
	background: #369;
	color:white;
}

a:hover.tdm1 {
	text-decoration: none;
		color:#FF6600;
	}

a.tdm2 {
	text-decoration: none;
	font-weight:bold;
	color:#369;
}

a:hover.tdm2 {
	text-decoration: none;
		color:#FF6600;
	}

a.tdm3 {
	text-decoration: none;
	font-weight:bold;
	color:cornflowerblue;
}

a:hover.tdm3 {
	text-decoration: none;
		color:#FF6600;
	}

a.tdm4 {
	text-decoration: none;
	font-weight:normal;
	color:#369;
}

a:hover.tdm4 {
	text-decoration: none;
		color:#FF6600;
	}

a.tdm5 {
	text-decoration: none;
	font-weight:normal;
	color:#369;
}

a:hover.tdm5 {
	text-decoration: none;
		color:#FF6600;
	}


span.logo0 {
		background:#D0D0D0;
	}

span.logo1 {
		background:#C8C8C8;
	}

span.logo2 {
		background:#B8B8B8;
	}
span.logo3 {
		background:#B0B0B0;
	}
span.logo4 {
		background:#A0A0A0;
	}
span.logo5 {
		background:#989898;
	}
span.logo6 {
		background:#888888;
	}
span.logo7 {
		background:#808080;
	}
span.logo8 {
		background:#707070;
	}
span.logo9 {
		background:#686868;
	}

span.logost {
		font-weight:bold;
		color:red;
		}

span.logostblink {
		font-weight:bold;
		color:red;
		text-decoration: blink;
		}

.logopj {
	height:84px;
	text-align: center;
	vertical-align: middle;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#888888;
	text-align: center;
	text-transform:uppercase;
	font-size: 36px;
	font-weight:bold;
}

.logopj:first-letter {
	color:#f51e30;
	font-size: 50px;
}

/* plan = légendes plan google */
/* autre possibilité police:		font-family:Courier,"MS Courier New",Prestige,Lucida,"Everson Mono";*/

a.planA {
		font-size:12px;
		font-weight:bold;
		background:orange;
		color:black;
		}

a.planB {
		font-size:12px;
		font-weight:bold;
		background:green;
		color:white;
		}

a.planC {
		font-size:12px;
		font-weight:bold;
		background:white;
		color:blue;
		}

a.planD {
		font-size:12px;
		font-weight:bold;
		background:grey;
		color:white;
		}


a.bouton{
background-color:#369;
border-top: 2px solid cornflowerblue;
border-bottom: 2px solid #369;
border-left: 2px solid cornflowerblue;
border-right: 2px solid #369;
color:white;
padding:1px;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding-right: 5px;
padding-left: 3px;
}

a:hover.bouton {
background-color:#369;
border-top: 2px solid #369;
border-bottom: 2px solid cornflowerblue;
border-left: 2px solid #369;
border-right: 2px solid cornflowerblue;
color:#99CCFF;
}

/* --- NIVEAU 25 --- */

/* Niveau 25 et 35 permet d'avoir un cadre blanc dans les cadres bleus (comme niveau 2, mais sans retrait texte ni numérotation OL LI */

ol.niveau_25{
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 30px;
	border-top: 2px solid #99CCFF;
	border-bottom: 2px solid royalblue;
	border-left: 2px solid #99CCFF;
	border-right: 2px solid royalblue;
	background:#369;
}

li.niveau_25 {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background: #369;
	color:white;
	font-size:20px;
	font-weight:bold;
}

/* NIVEAU 35 */

ol.niveau_35{
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: -5px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 50px;
	border-top: 2px solid royalblue;
	border-bottom: 2px solid #99CCFF;
	border-left: 2px solid royalblue;
	border-right: 2px solid #99CCFF;
	background:white;
}


li.niveau_3{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
	background:white;
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #369;
	font-size:22px;
	font-weight:bold;
}





li.niveau_35{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: -50px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background:white;
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #369;
	font-size:22px;
	font-weight:bold;
}

/* --- NIVEAU 1 --- */
/* margin: espace extérieur au cadre */
/* padding: espace intérieur avec le contenu du cadre */

ol.niveau_1 {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 25px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #000;
	background:#ededed;
}

li.niveau_1 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 5px;
}

h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: -5px;
		padding-left: 5px;
		border-top: 2px solid #FF6600;
		border-bottom: 2px solid #800000;
		border-left: 2px solid #FF6600;
		border-right: 2px solid #800000;
	background:white;
		font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#FF6600;
	font-size: 24px;
		font-weight:bold;
}

/* --- NIVEAU 2 --- */

ol.niveau_2{
	list-style-type: upper-roman;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
		margin-left: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 9px;
	/* padding-left permet d'avoir de la place pour les I. II. III. IV. */
	padding-left: 25px;
		border-top: 2px solid #99CCFF;
		border-bottom: 2px solid royalblue;
		border-left: 2px solid #99CCFF;
		border-right: 2px solid royalblue;
	background:#369;
}

li.niveau_2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background: #369;
	color:white;
	font-size:20px;
		font-weight:bold;
}

h2 {
	background: #369;
	color:white;
	font-size:20px;
		font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
		margin-left: 0px;
}


/* NIVEAU 3 */

ol.niveau_3{
	list-style-type: decimal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	/* padding-left permet d'avoir de la place pour les I. II. III. IV. */
	padding-left: 30px;
		border-top: 2px solid royalblue;
		border-bottom: 2px solid #99CCFF;
		border-left: 2px solid royalblue;
		border-right: 2px solid #99CCFF;
	background:white;
}

li.niveau_3{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
	background:white;
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #369;
	font-size:22px;
	font-weight:bold;
}

h3{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	border-bottom: 2px solid #369;
	background:white;
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #369;
	font-size:18px;
	font-weight:bold;
}

/* --- NIVEAU 4 --- */

ol.niveau_4{
	list-style-type: upper-alpha;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 30px;
	background:white;
}

li.niveau_4{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	background:white;
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #369;
	font-size:16px;
	font-weight:bold;
}

h4{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	border-bottom: 1px dotted #369;
	color: #369;
	font-size:16px;
	font-weight:bold;
}


/* --- NIVEAU 5 --- */

ol.niveau_5{
	list-style-type: lower-alpha;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 35px;
	background:white;
}

li.niveau_5{
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background:white;
}

h5{
		margin-top:0px;
		margin-bottom:10px;
		margin-left:0px;
	font-family:Georgia,"Times New Roman",Times,serif;
		color: #369;
	font-size:14px;
		font-weight:bold;
}


/* -- TEXTE, LISTE, NOTE -- */

p.texte{
	list-style-type: none;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #D8D8D8;
	background:transparent;
	color: black;
	font-size:14px;
	font-weight:normal;
}

ul.jp{
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #D8D8D8;
	background:transparent;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #369;
	font-size:12px;
	font-weight:normal;
}

li.jp{

	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #D8D8D8;
	background:transparent;
	color: #369;
	font-size:12px;
	font-weight:normal;
}
ul.jpliste{
	list-style-type: circle;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #D8D8D8;
	background:transparent;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #369;
	font-size:12px;
	font-weight:normal;
}

li.jpliste{

	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 35px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 00px;
	border: 0px solid #D8D8D8;
	background:transparent;
	color: #369;
	font-size:12px;
	font-weight:normal;
}
/* ol.texte{
	margin-top: 5px;
	margin-bottom: 25px;
	margin-right: 5px;
		margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 20px;
		border-top: 2px solid royalblue;
		border-bottom: 2px solid #99CCFF;
		border-left: 2px solid royalblue;
		border-right: 2px solid #99CCFF;
	background:white;
}
*/

ul.texte{
	list-style-type: disc;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #D8D8D8;
	background:transparent;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #369;
	font-size:12px;
	font-weight:normal;
}

li.texte{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
		margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #D8D8D8;
	background:transparent;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: black;
	font-size:14px;
		font-weight:normal;
}

li.liste{
		list-style-type: disc;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #D8D8D8;
	background:transparent;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #FF6600;
	font-size:14px;
		font-weight:normal;
}

p.note{
	font-size: 14px;
	font-weight:normal;
	color:black;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
}

ul.note{
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #D8D8D8;
	background:transparent;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #369;
	font-size:14px;
	font-weight:normal;
}

li.note{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: black;
	font-size:14px;
	font-weight:normal;
}

/*
h3.texte{
		margin-top:0px;
		margin-bottom:10px;
		margin-left:0px;
	border-bottom: 2px solid #369;
	background:white;
	font-family:Georgia,"Times New Roman",Times,serif;
		color: #369;
	font-size:18px;
		font-weight:bold;
}
*/

h6{
	margin-top: -10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background:white;
	font-family:Georgia,"Times New Roman",Times,serif;
	color: cornflowerblue;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}


p.logo {
	text-align:center;
	font-family:Courier,"MS Courier New",Prestige,Lucida,"Everson Mono";
	}

/* libre */

tr.libre{
		margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

td.librepays{
		vertical-align:middle;
		text-align:right;
	width:10%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 0px;
		border-top: 2px solid #99CCFF;
		border-bottom: 2px solid royalblue;
		border-left: 2px solid #99CCFF;
		border-right: 2px solid royalblue;
	background:white;
	color:black;
	font-weight:bold;
}

td.libremot{
		vertical-align:middle;
		text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
		margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 5px;
		border-top: 2px solid #99CCFF;
		border-bottom: 2px solid royalblue;
		border-left: 2px solid #99CCFF;
		border-right: 2px solid royalblue;
	background:white;
	color:black;
}


/* _________________________________________________________ TABLEAU LISTES.HTML ___ */

.ligne {
	border: 2px solid #000;
	margin: 5px 5px 5px 5px;
	padding: 5px;
	height: 80px;
		border-top: 2px solid royalblue;
		border-bottom: 2px solid #99CCCC;
		border-left: 2px solid royalblue;
		border-right: 2px solid #99CCCC;
	background:#369;
}

.a {
	float: left;
	height: 70px;
	width:20px;
	padding: 5px;
	background:#369;
}

.b {
	float: left;
	height: 70px;
	width: 20%;
	background:white;
	padding: 5px;
	font-weight:bold;
}

.c {
	float: left;
	height: 100%;
	width: 20%;
	height: 70px;
	background:#369;
	color: white;
	margin-right: 5px;
	padding: 5px;
}

.d {
	float: left;
	height: 100%;
	padding: 5px;
}

.e {
	height: 100%;
	padding: 5px;
	height: 70px;
	background: #ebe1db;
	background:white;
}