body  {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	background-image: url('images/bgb2.jpg');
	margin: 0 auto; 
	padding: 0;
	text-align: center;
}

img.b {border: 1px solid #999999; }

img {border: none; }

h1 {font-size: 13pt; }

h2 {font-size: 11pt; }

h3 {font-size: 12pt; }

.twoColFixLtHdr #container { 
	padding: 2px;
	width: 1008px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff url('images/twotone.jpg') left repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 2px solid #330065;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	padding: 0;
} 
.twoColFixLtHdr #title { 
	background-color: #C9D8DB;
} 
.twoColFixLtHdr #bar {
	background-color: #38204C;
	height: 28px;
	min-height: 28px;
}
#bar img{vertical-align: middle;}
#bari img{vertical-align: middle;}
#bar2 img{vertical-align: middle;}

.twoColFixLtHdr #bari {
	background-color: #330065;
	text-align: right;
}  
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1, .twoColFixLtHdr #sidebar1p, .twoColFixLtHdr #sidebar1g {
	float: left;
	width: 176px;
	padding: 15px 10px 15px 0px;
}

.twoColFixLtHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 10px 0 0; /* padding keeps the content of the div away from the edges */
}

#nav {
	width: 165px;
	margin-top: 5px;
	padding: 5px 0 5px 6px; 
}

.twoColFixLtHdr #mainContent { 
	margin: 0px 10px 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		background: #ffffff;
}
.twoColFixLtHdr #mainContentpp { 
	margin: 0px 10px 0 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		background: #ffffff;
}
.twoColFixLtHdr #mainContentp { 
	margin: 0px 10px 0 195px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		background: #ffffff;
}
.twoColFixLtHdr #mainContentsb { 
	margin: 0px 195px 0 195px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ffffff;
}

.twoColFixLtHdr #mainnav { 
	text-align: center;
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ffffff;
}

.twoColFixLtHdr #bar2 { 
	margin: 0px 0 0 195px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
} 
.twoColFixLtHdr #footer { 
	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #38204C;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}.fltrtt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 0px 0 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.style2 {color: #990000}
.style3 {color: #000066}
.style5 {color: #CC9933}


.style7 {
	font-size: 10pt;
	font-weight: bold;
	color: #CC9933;
}
.style8 {
	font-size: 16pt;
	font-style: italic;
}	

.style9 {
	font-size: 8pt;
	color: #999999;
}

.style10 {color: #D4D0C8}
.style11 {color: #3E5B83}
.style12 {color: #999999}
.style13 {font-size: 8pt}
.style14 {
	font-size: 9pt;
}
.style15 {
	color: #FF0000;
	font-weight: bold;
}
.style166 {font-size: 13pt}
h1.style166 {font-size: 13pt}
.style16 {font-size: 14pt}
.style17 {
	font-size: 12pt;
	font-weight: bold;
}
.style18 {color: #FFFFFF}
.style19 {font-size: 18px}

.style20 {font-size: 16pt; }
.style21 {font-size: 15pt}

#poweredby {
          text-align:center;
}

 div.c8 {text-align: center}
span.c3 {text-align: center}
span.c6 {text-align: center}




.style16a {
	font-size: 12pt;
	font-style: italic;}

.style20 {
        font-size: 12pt;
        font-style: italic;
        font-weight: bold;}
.style22 {font-size: x-large}


p.c1 {text-align: center}
p.c5 {text-align: right}


ul.c3 {list-style-type: none;}
li.c2 {margin-left: 10px}
li.c22 {list-style: none}
 
div.c2 {text-align: right}
div.c4 {text-align: right}
div.c3 {text-align: left}

  a {text-decoration:none;color:#000066}
 a:hover {color:#800000;text-decoration:none;}
  a.cont {text-decoration:underline;color:#000066}
 a:hover.cont {color:#800000;text-decoration:none}
 a:link.jcc{color:#000080;font-size: 10pt;font-family: verdana;text-decoration:none;}
 a:visited.jcc{color:#000080;font-size: 10pt;font-family: verdana;text-decoration:none;}
 a:hover.jcc{color:#800000;font-size: 10pt;font-family: verdana;text-decoration:none;}
 a:active.jcc{color:#FF0000;font-size: 10pt;font-family: verdana;text-decoration:none;}
 a:link.jccb{color:#000000;font-size: 10pt;font-family: verdana;text-decoration:none;}
 a:visited.jccb{color:#000000;font-size: 10pt;font-family: verdana;text-decoration:none;}
 a:hover.jccb{color:#000080;font-size: 10pt;font-family: verdana;text-decoration:none;}
 a:active.jccb{color:#FF0000;font-size: 10pt;font-family: verdana;text-decoration:none;}
 <!-- a:link.jc{color:#000080;font-size: 14pt;font-family: verdana;text-decoration:none;}-->
 <!-- a:visited.jc{color:#000080;font-size: 14pt;font-family: verdana;text-decoration:none;}-->
 <!-- a:active.jc{color:#FF0000;font-size: 14pt;font-family: verdana;text-decoration:none;}-->
 <!-- a:hover.jc{color:#800000;font-size: 14pt;font-family: verdana;text-decoration:none;} -->
li.14 {
 	line-height: 1.4;
}
 span.c12 {font-family: Verdana; font-size: 80%}
 span.c12 {font-family: Verdana; font-size: 80%}
 h3.c11 {color: #000066; font-family: Verdana}
 span.c10 {color: #000066; font-family: Verdana; font-size: 120%}
 p.c9 {text-align: right}
 div.c8 {text-align: center}
 div.c8p {
 text-align: center;
 padding: 5px 0 5px 0;
}
 div.c7 {text-align: left}
 ul.pu { padding: 0 20px; 
 		line-height: 1.6; 
}
ul.ind {
 	line-height: 1.8;
}
 h3.c1 {text-align: center}
 table.c6 {border-collapse: collapse}
 span.c5 {font-family: Verdana; font-size: 70%}
 span.c4 {color: #000066; font-family: Verdana; font-size: 80%}
 a.c3 {text-decoration: none}
 span.c2 {font-weight: 400}
 span.c1 {color: #000066; font-family: Verdana;}
 .imgback1 {background-image: url('images/top3_over-19.jpg');}
 .imgback2 {background-image: url('images/bg2.jpg');}
 .wback {background-color: #FFFFFF}
  span.c4 {text-align: center}
 p.c3 {text-align: center}
 div.c2 {text-align: center}
 a.c1 {text-decoration: none; color: #000066}
/*]]>*/
.style16 {
	font-size: 12pt;
	font-style: italic;
}
.style17 {font-weight: bold}
.style23 {color: #333}
table.stuff {
	border-width:1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
     border-color: rgb(51, 0, 101) rgb(51, 0, 101);
     background-color: #FFFFFF
}
table.stuff td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white white white white;
	-moz-border-radius: 0px 0px 0px 0px;
}
td.stuff1 {	background: rgb(201, 216, 219);
}
h1.prix {
	border-left: 3px;
	font-size: 15pt;
	color: #fff;
	font-weight: bold;
	text-align: center;	
}
table.prix {
	min-height: 130px;
	height: 130px;
}
*html table.prix {height: 120px;}
td.prix {
	background-image:url('images/blue-square.jpg');
	background-position: center;
	background-repeat:no-repeat;
	width: 138px;
	min-height: 130px;
	cursor: pointer;
}
*html td.prix {height:120px;}

table.stuff2 {
	width: 650px;
	border-width:0px 0px 0px 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.stuff2 td {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: none none none none;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}

.twoColFixLtHdr #graphicz { 
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	color: #330065;
}
 
.stylegr {
	font-size: 10pt;
}	
.hidden { display: none; }
.unhidden { display: block; }

.iframe {
	vertical-align: middle;
	background-color: #ffffff;
	width: 290px;
	height: 35px;
	margin: 0 auto;
}

.iframev {
	border: 1px solid;
	padding: 0;
	border-color: #999999;
	vertical-align: middle;
	background-color: #ffffff;
	width: 408px;
	height: 306px;
	margin: 0 auto;
	text-align: center;
}

#gal {
	border: 1px solid #000033;
	width: 350px;
}

/*Language Selector css follows*/

#lang-selector img{
	border-width: 1px;
}
#lang-selector a {
	display: block;
	text-align: center;
	}

#lang-selector {
 font-size: x-small;
 text-align: left;
 white-space: nowrap;
 padding-bottom: 1em;
 color: #CCCCCC;
}
a.lang-current,
a.lang-current:visited,
a.lang-current:hover
{ 
 /*background: #cccccc;*/
 color: #6699FF;
 text-decoration: underline;
}
a.lang-other,
a.lang-other:visited
{
 color: #0000FF;
 text-decoration: none;
}

a.lang-other img,
a.lang-other:visited img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.7;
}

a.lang-other:hover
{
 color: #6699FF;
 text-decoration: underline;
 /*background: #cccccc;*/
}
a.lang-other:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 1;
}

#intlang{
	padding-top: 20px;
	width: 125px;
	text-align: center;
	line-height: 1.5;
}
#intlang a {
	display: block;
	padding: 8px 0;
}

a.int:link img{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.9;
	border: 1px solid #0000FF;}

a.int:visited img{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.9;
	border: 1px solid #0000FF;}

a.int:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 1;
	border: 1px solid #00CCFF;}

a.int:active img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 1;
	border: 1px solid #00ccFF;}

@media print {
 #lang-selector {
     display: none;
 }
}
/*End of Language Selector css*/

/* Simple IPN */

#wrapper {
	width: 500px;
	padding: 20px;
	border: 1px solid #ccc;
	margin: auto;
	line-height: 1.6;
}

ul#dlist {
	list-style-type: square;
}

ul#dlist li {
	font-family: Arial;
	font-size: 11pt;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 10px;
	font-weight: bold;
}

ul#dlist li small {
	position: absolute;
	left: 300px;
	top: 0px;
	font-size: 8pt;
	font-weight: normal;
}