HTML {
   overflow: -moz-scrollbars-vertical;
}

body {background:#336699;margin:0px 0px; 
      padding:0px;
      text-align:left;
	}

.zebodycontent {width:860px;
	margin:0px 0px 10px 5px;
/* 0px auto pour centrer */
	text-align:left;}

/* Inset 3D Curved */
.onset {background: transparent;}
.onset h1, .onset p {margin:0 10px;}
.onset h1 {font-size:2em; color:#000;}
.onset p {padding-bottom:0.5em;}

.onset .b1, .onset .b2, .onset .b3, .onset .b4, .onset .b1b, .onset .b2b, .onset .b3b, .onset .b4b {display:block; overflow:hidden; font-size:1px;}
.onset .b1, .onset .b2, .onset .b3, .onset .b1b, .onset .b2b, .onset .b3b {height:1px;}
.onset .b2 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b3 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b4b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b3b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b2b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}


.onset .b1 {margin:0 5px; background:#ccc;}
.onset .b2, .onset .b2b {margin:0 3px; border-width:0 2px;}
.onset .b3, .onset .b3b {margin:0 2px;}
.onset .b4, .onset .b4b {height:2px; margin:0 1px;}
.onset .b1b {margin:0 5px; background:#ccc;}

.onset .boxcontent {display:block; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}



/* Inset 3D Curved */
.inset {background: transparent;background: #336699;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#000;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#f13009; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b3 {background:#f13009; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b4 {background:#f13009; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b5 {background-image:url(http://www.cupidon.be/images/redhot.png); border-left:1px solid #ccc; border-right:1px solid #ccc;font-size:12px;font-family:verdana;color:#fff;font-weight:bold;}
.inset .b4b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b3b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b2b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}


.inset .b1 {margin:0 5px; background:#ccc;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b5 {height:16px;}
.inset .b1b {margin:0 5px; background:#ccc;}

.inset .boxcontent {display:block; background:#fff; padding-left:3px; border-left:1px solid #ccc; border-right:1px solid #ccc;font-size:12px;font-family:verdana;color: #000;font-weight:normal;}


/* Photoset 3D Curved */
.artop {display:block;}
.artop * {
	display:block;
	font-size:1px;
	height:1px;
	overflow:hidden;
	border-style:solid;
	border-width:0pt 1px;
	}
.lx1    {
	border-right-width:5px;
	border-left-width:5px
	}
.lx2    {
	border-right-width:3px;
	border-left-width:3px;
	}
.lx3	{
	border-right-width:2px;
	border-left-width:2px;
	}
.lx4   {
	border-right-width:1px;
	height:2px;
	border-left-width:1px;
	height:2px;
	}
.lx1, .lx2, .lx3, .lx4  {
	border-color: #336699;
	}
.le1	{
	border-width:1px 0pt 0pt;
	height:0px !important;
	}
.le1, .le2, .le3, .le4 {
	border-color:#b6b5b5;
	}
.le2	{
	border-left-width:2px;
	}
.le2	{
	border-right-width:2px;
	}
.le4	{
	height: 2px;
	}
div.innercontent {
	border-left: 1px solid #b6b5b5;
	border-right: 1px solid #b6b5b5;
	}
div.innercontent, div.boxtitle {
	text-align: left;
	}

div.innercontent {
	padding: 0px 0px 0px 0px;
		}



div.dotted_line, .dotted_line, span.dotted_line {
	background-repeat: repeat-x;
	width: 100%;
	height: 1px;
	line-height :12pt;
	background-image: url(http://www.cupidon.be/images/dotted_line.png);
		}

.menu  {font-size:12px;font-family:verdana;color:#999;font-weight:bold;text-decoration: none;}
.normal  {font-size:12px;font-family:verdana;color:#000;}

td.normal   {font-size:12px;font-family:verdana;color:#000;}


.test_bar {
		background-color: #bababa;
		}

div.test_bar, div.test_bar_middle {
		background-repeat: repeat-x;
		width: 100%;
		height: 12px;
		}
div.test_bar {
		background-image: url(http://www.cupidon.be/images/red.png);
		}
div.test_bar_middle {
		background-image: url(http://www.cupidon.be/images/redo.png);
		}

.smallTCap {color: #ff0000;font-size: 14pt;font-variant: small-caps; font-family: "Trebuchet MS", TrebuchetMS;font-weight: bold; }

.lab  {
			font-family: verdana,arial,sans-serif;
			font-weight: bold;
			font-size: 9pt;
			color: #336699;
			DISPLAY: inline ; 
			FLOAT: left ;
			}

.formins  {
			font-family: verdana,arial,sans-serif;
			font-weight: normal;
			font-size: 12px;
			color: #336699;
			DISPLAY: inline ; 
			FLOAT: left ;
			WIDTH: 125px ;
			margin-left: 15px ;
			vertical-align:bottom;
			}

.labelpro  {
			font-family: verdana,arial,sans-serif;
			font-weight: normal;
			font-size: 12px;
			color: #000;
			DISPLAY: inline ; 
			FLOAT: left ;
			WIDTH: 140px ;
			margin-left: 10px ;
			vertical-align:bottom;
			}

.selectgris		 {
			border:1px solid black;
			background-color: #fff;
			font-family:"trebuchet ms",sans-serif;
			color:#ccc;	
			}
.select			 {
			border:1px solid black;
			background-color:#fff;
			font-family:"trebuchet ms",sans-serif;
			color:black;	
			}

div.itemselected 	{background-color:#f6f5d3;}
div.itemselected, div.item 	{margin: 3px 4px 0px 2px; float:left; width:9px; height: 9px}
div.item 		{ background-image:url(http://www.cupidon.be/images/menu_normal_red.png);}
div.itemselected 	{ background-image:url(http://www.cupidon.be/images/menu_selected_red.png);}
img.menuimage {height:9px; width:9px }

div.Bullet-green 	{margin: 0px 0px 0px 0px; float:left; width:9px; height: 9px; background-image:url(http://www.cupidon.be/images/bullet-green.png);}

/* inscription */

		.inputKO {
			border:1px solid black;
			background-color:red;
			font-family:"trebuchet ms",sans-serif;
			color:white;	
			}
		.selectKO, .optionKO {
			background-color:red;
			color:#fff;
			}
		.textareaKO {
			border:1px solid black;
			background-color:red;
			font-family:"trebuchet ms",sans-serif;
			color:#fff;
			}

		.bubble {
    			background: rgb(255, 255, 171);
    			border: 1px solid #888888;
    			padding: 5px;
    			text-align: left;
			}

		.bubblered {
    			background: rgb(250, 128, 114);
    			border: 1px solid #888888;
    			padding: 5px;
    			text-align: left;
			}
