body {
	font:				9pt Verdana,sans-serif;
	font-weight:		Normal;
	background:			#AFA99;
}

@media screen {
	.pageview body	{
	border-top:		1px solid #ccc;
	border-left:	1px solid #ccc;
	border-right:	1px solid #bbb;
	border-bottom:	1px solid #bbb;
	
	width: 			894px;
	margin: 		0px;
	padding: 		0px 50px 20px;
	}
hr.pb{
	border-bottom: 	1px solid GhostWhite;
	border-width:	5px;
	}
a 	{
	background-color:	WhiteSmoke ;
	}
a:link {
	}
a:visited {

	}
a:hover {
	background-color:		Red ;
	color:					white;
	}
a:active {
	} 
a.Impression{
	}
a.Impressions{
	position: 				absolute;
	right: 				70px;
	top: 				2px;
	clear: 				both;
	width: 				100%;
	background-color:	White;
	}
table.contour{
	margin-left: 			-20px;
	}
}
@media print {
.pageview body {
	width: 					894px;
	margin: 				15px auto 25px;
	padding: 				40px 50px;
	}
a{
}
a.Impression {
	visibility:hidden;
}
}
.pb {
	border-width: 			0;
	page-break-after: 		always;
	height: 				1px;
	width: 					100%;
}
h1 {
	font-weight:			Normal;
	page-break-before:		always;
	font-size: 				16pt;
	margin-left: 			-20px;
	border-bottom: 			1px solid black;
	background: 		transparent url(III/M_002.png) repeat;
	color:				White;
	}
h2 {
	font-weight:			Normal;
	font-size: 				10pt;
	margin-left: 			-20px;
	border-bottom: 			1px solid black;
	padding:				0px;
	background-color:	GhostWhite;
	}
h3 {
	font-weight:			Normal;
	font-size: 				9pt;
	margin-left: 			-10px;
	text-decoration:		underline;
	padding:				0px;
	line-height:			0pt;

}
h4 {
	font-weight:			Normal;
	font-size: 				9pt;
	margin-left: 			0px;
	text-decoration:		underline;
	padding:				0px;
	line-height:			5pt;
}
h5 {
	font-weight:			Normal;
	font-size: 				9pt;
	text-decoration:		underline;
	margin-left: 			0px;
	padding:				0px;
	line-height:			0pt;
}
footer{
	position: 				absolute;
	bottom: 				20px;
	left: 					0;
	clear: 					both;
	width: 					100%;
}
img{
	border: 				0px solid ;
}
iframe{
	align: 					left;
	border: 				0px;
}
p {
	font:					verdana;
	font-size: 				9pt;
	line-height: 			10pt;
}
pre{
	font-style:				normal;
	font-size: 				9pt;
}
address{
	font-size: 				9pt;
	font-style:				italic;
	text-indent:			30px;
	line-height:			1.5;
}
address.menu:before {
	content:				url(III/S_112.png);
	margin: 				0 0.2em;
}
address.aide:before {
	content:				url(III/S_101.png);
	margin: 				0 0.2em;
}
address.pdf:before {
	content:				url(III/S_107.png);
	margin: 				0 0.2em;
}
address.web:before {
	content:				url(III/S_100.png);
	margin: 				0 0.2em;
}
a{
	text-decoration:		none;
}

a.PDF{
	color:					Grey;
}

a.web:before {
	content:				url(III/S_100.png);
	margin: 				0 0.2em;
}
a.local:before {
	content:				url(III/S_101.png);
	margin: 				0 0.2em;
}
a.PDF:before {
	content:				url(III/S_107.png);
	margin: 				0 0.2em;
}
ul {
	font-size: 				9pt;
	padding-top: 			0px;
	padding-bottom:			0px;
	list-style: 			circle;
	margin-left: 			-25px;
}
ul.a{
	font-size: 				9pt;
	padding-top: 			0px;
	padding-bottom:			0px;
	list-style-image: 		url(III/A_902.gif);
	margin-left: 			-25px;
}

mark.green { 
  background-color: green;
  color: black;
}

table {
	width: 					100%;
	font-size: 				8pt;
	/*border-collapse:		collapse;*/
}
th{
	font-size: 				8pt;
	vertical-align:			top;
}
td{
	font-size: 				8pt;
	vertical-align:			top;
}
tr{
	vertical-align:			top;

}
/*tr:nth-child(even) {background-color: #f2f2f2;}*/
tr:hover {background-color: #ddd;}
table.contour{
	width: 					100%;
}
th.contour{
	vertical-align:			top;
	border:					1px solid black;
}
td.contour{
	vertical-align:			top;
	border:					1px solid black;
}
td.contour2{
	vertical-align:			top;
	border:					1px solid grey;
	background-color: 		#dde;
}
tr.contour{
	vertical-align:			top;
	border:					1px solid black;
}

table.cachee{
	width: 					100%;

}
th.cachee{
	vertical-align:			top;
}
td.cachee{
	vertical-align:			top;
	background-color: 		#ddd;
}
tr.cachee{
	vertical-align:			top;

}


table.soul{
	width: 					100%;
	border:					0;
}
th.soul{
	vertical-align:			top;
	text-align:				left;
	border:					0;
	border:					0;
}
td.soul{
	vertical-align:			top;
	text-align:				left;
	border:					0;
	border:					0;
}
tr.soul{
	vertical-align:			top;
	text-align:				left;
	border:					0;
	border-bottom:			1px solid black;
}
caption{
	font-size: 				9pt;
}
blockquote{
	font-size: 				9pt;
}
div.img{
	margin:				2px;
	border:				1px solid #0000ff;
	height:				auto;
	width:				auto;
	float:				left;
	text-align:			center;
}	
div.img img{
	display: 			inline;
	margin: 			3px;
	border: 			1px solid White;
}
div.img a:hover img {
border: 				1px solid #0000ff;
}
div.desc{
	ext-align: 			center;

	width: 				120px;
	margin: 			2px;
}

.total:before {
	content:				url(III/T_101.png);
	margin: 				0 0.2em;
	line-height:			180%;
}
.Q1:before {
	content:				url(III/T_101.png);
}

.Q:before {
  content: "Q= ";
}
.Q {
  color: red;
}
.PU:before {
  content: "PU: ";
}
.PU:after {
  content: "   \0020AC";/*euros*/
}
.PU {
  color: green;
}
.T:before {
  content: "T:\0000a0 \0000a0 \0000a0";
}
.T {
  color:       red;
  text-align:				right;
  margin-right: 40px;
}
.T:after {
  content: "\0020AC";/*euros*/
}

.TOST {
  text-align:				right;
  margin-right: 5px;
}
.TOST:before {
	content:				"Sous-total";
	margin: 				0 0.2em;
}
.PPOST {
  color: red;
  font-weight:            bold;
  text-align:				right;
  margin-right: 10px;
}
.PPOST:after {
  content: "   \0020AC";/*euros*/
}

label{
	display:			block;
	width:				175px;
	float:				left;
	cursor:				hand;
}
.form {
	margin-left:		25px;
}
.form .formButton {
	text-align:			center;
	margin-left:		175px;
}
.formRetour {
	text-align:			center;	
}
.formRetour a {
	text-align:			center;	
	color:				#0A0054;
	text-decoration:	none;
}
.formRetour a:hover {
	text-decoration:	underline;
}
.input {
	background-color:	#D7D7EA;
	border:				1px #B0B0D6 solid;
	margin:				1px;
}
.inputError {
	border-width:		1px;
	border-color:		red;
	border-style:		solid;
	background:			#FFBBA4;
	margin:				1px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;

  opacity: 0;
  transition: opacity 1s;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}