* { margin:0; padding:0;}
body { background:#1a6800; font-family: Century gothic; font-size:100%; line-height:1.06em; color:#E3FCBD;}

#main {width:1100px;}

#left-side { float:left; width:552px; background:url(http://vianb.info/images/dermo/fr/left-side-bg.jpg) left top no-repeat #257c01; padding-bottom:197px; border-bottom:1px solid #389810;}
#right-side { float:left; width:544px; background:url(http://vianb.info/images/dermo/fr/right-side-bg.jpg) no-repeat left top #1a6800; border-bottom:1px solid #207205;}

#left-side .col_1 { width:290px;}
#left-side .col_2 { width:178px;}
#left-side .footer { clear: both; width:480px; padding: 20px 0 0 0; margin: 0; }

#left-side, #right-side { font-size:0.75em;}

.col_1, .col_2, .col_3 { float:left;}
.col_1 p { margin: 0 20px 0 0; padding: 0; }

input, textarea { font-family: Century gothic; font-size:.91em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.clearSection { clear:both; padding: 10px 0 0 0; }

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom: 13px;}

.tail_top { background:url(http://vianb.info/images/dermo/fr/tail_top.gif) left top repeat-x;}

/*==================forms========D3F2B4===========*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:228px; height:18px; background:#fff; color:#fff; padding-left:3px; border:1px solid #86c472; background:url(http://vianb.info/images/dermo/fr/input_bg.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vianb.info/images/dermo/fr/input_bg.png', sizingMethod='scale',enabled=true);}
textarea { width:228px; height:69px; background:#fff; overflow:auto; color:#fff; padding-left:3px; border:1px solid #86c472; margin-bottom:6px; background:url(http://vianb.info/images/dermo/fr/input_bg.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vianb.info/images/dermo/fr/input_bg.png', sizingMethod='scale',enabled=true);}

.form2 { height:26px; }
.form2 input { width: 110px; height: 18px; background:#fff; color:#fff; padding-left: 3px; border:1px solid #86c472; background:url(http://vianb.info/images/dermo/fr/input_bg.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vianb.info/images/dermo/fr/input_bg.png', sizingMethod='scale',enabled=true);}
.form2 select { width: 110px; height: 18px; background:#fff; color:#fff; padding-left: 3px; border:1px solid #86c472; background:url(http://vianb.info/images/dermo/fr/input_bg.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vianb.info/images/dermo/fr/input_bg.png', sizingMethod='scale',enabled=true);}

.form3 { height:26px; }
.form3 input { width: 110px; height: 18px; background:#fff; color:#fff; padding-left: 3px; border:1px solid #86c472; background:url(http://vianb.info/images/dermo/fr/input_bg.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vianb.info/images/dermo/fr/input_bg.png', sizingMethod='scale',enabled=true);}
.form3 select { float: right; width: 110px; height: 18px; background:#fff; color:#fff; padding-left: 3px; border:1px solid #86c472; background:url(http://vianb.info/images/dermo/fr/input_bg.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vianb.info/images/dermo/fr/input_bg.png', sizingMethod='scale',enabled=true);}

/*==================list====================*/
ul { list-style:none; }

.points 	{ padding-top: 7px; }
.points ul 	{ list-style: disc; list-style-position: inside; }

.list1 li { font-size:1.33em; font-weight:bold; padding-bottom:4px;}
.list1 li a { background:url(http://vianb.info/images/dermo/fr/line_dotted.gif) left bottom repeat-x; color:#fff; text-decoration:none;}
.list1 li a:hover { color:#bef099;}


/*==================other====================*/
.img_indent { margin:0 20px 0 0; float:left;}
.img_indent_right { margin:0 0 0 20px; float:right;}
.img_box { width:100%; overflow:hidden; padding-bottom:9px;}
.img_box img { float: left; margin: 0 10px 0 0; }
.img_box1 { width:100%; overflow:hidden; padding-bottom:18px;}
.img_box1 .fleft { margin:0 10px 0 0; border: 3px solid #ffffff; }

.p1 { margin-bottom:14px;}
.p2 { margin-bottom:24px;}
.p3 { margin-bottom:8px;}
.p4 { margin-bottom:16px;}


/*==================txt, links, lines, titles====================*/
a {color:#fff;}
a:hover{text-decoration:none;}

h1 {padding-bottom:12px;}
h2 {color:#fff; font-size:1.33em; margin-bottom:12px;}
h2 span {  background:url(http://vianb.info/images/dermo/fr/line_dotted.gif) left bottom repeat-x;}
h2.extra { position:relative; margin-top:-14px;}
h4		{ font-size: 1.7em; }
h4 img		{ margin-left: 4px; }

.txt1 { background:url(http://vianb.info/images/dermo/fr/line_dotted.gif) left bottom repeat-x; font-size:.91em; color:#7dc65e;}
.txt2 { text-decoration:line-through;}
.txt3 { color:#fff; display:block; font-size:1.33em;}

.link1 { display:block; float:left; background:url(http://vianb.info/images/dermo/fr/link1_bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(http://vianb.info/images/dermo/fr/link1_left.gif) no-repeat left top;}
.link1 b { display:block; background:url(http://vianb.info/images/dermo/fr/link1_right.gif) no-repeat right top; padding:4px 12px 6px 36px; font-style:normal;}
.link1:hover { text-decoration:underline;}

.link2 { color:#7ec65e; background:url(http://vianb.info/images/dermo/fr/line_dotted.gif) left bottom repeat-x; text-decoration:none; font-size:.91em; font-weight:bold;}
.link2:hover { color:#bef099;}

.link3 { display:block; float:right; background:url(http://vianb.info/images/dermo/link3_bgd.jpg) left top repeat-x; color:#fff; text-decoration:none; margin-top: 5px; }
.link3 em { display:block; background:url(http://vianb.info/images/dermo/link3_left.jpg) no-repeat left top;}
.link3 b { display:block; background:url(http://vianb.info/images/dermo/link3_right.jpg) no-repeat right top; padding:4px 12px 6px 36px; font-style:normal;}
.link3:hover { text-decoration:underline;}

.line_hor { border-bottom:1px solid #4c9b2f; padding-bottom:20px; margin-bottom:10px;}

.title { margin-bottom:20px;}
.title1 { margin-bottom:10px;}

.bo-menu ul { list-style: none; margin-bottom: 20px; }
.bo-menu li { display: inline; margin: 4px; }

#financial table  { width: 100%; padding: 4px; }

/*==================boxes====================*/
.cont_box { padding:0 78px 0 0; margin-bottom:0;}
.cont_box span { float:right;}


/*header*/
#header		{ height: 149px; }
#header .indent	{ padding: 31px 0 0 59px;}

#header .menu			{ margin: 10px 0 0 24px; position: absolute; width: 800px; }
#header .officeMenu		{ margin: 10px 19px 0 0; float: right; width: 800px; }
#header .officeMenu ul	{ list-style: none; }
#header .officeMenu li	{ display: inline-block; margin: 2px; text-align: center; }

#left-side .indent1 { padding:0 0 0 16px;}
#left-side .title { margin:13px 0 10px 0;}
#left-side p { margin-bottom:12px;}

#right-side .indent			{ padding: 24px 97px 0 22px; }
#right-side .flags			{ float: right; padding: 20px 108px 0 0; }
#right-side .flags a			{ padding: 0 3px; }
#right-side .flags img		{ height: 19px; }
#right-side .shopCart		{ float: left; padding: 20px 0 0 25px; }

.submenu ul		{ list-style: none; }
.submenu li		{ display: inline-block; margin: 2px; text-align: center; }
.submenu li a		{ text-decoration: underline; }
.submenu li img	{ margin-top: 4px; padding: 0; }

.cart 			{ width: 98%; text-align: left; }
.cart table		{ width: 100%; }
.cart td		{ background-color: green; }
.cart input		{ width: 30px; }

#right-side .submenu2 		{ padding: 101px 57px 0 22px; }
#right-side .submenu2 ul		{ list-style: none; }
#right-side .submenu2 li		{ display: inline-block; margin: 2px; text-align: center; }
#right-side .submenu2 li a		{ text-decoration: underline; color:#bef099; }
#right-side .submenu2 li img	{ margin-top: 4px; padding: 0; }

#right-side .flags .connect	{ margin-right: 24px; }

#nb_popup		{ color: black; font-size: 12px; }
#nb_popup h1		{ color: black; font-size: 20px; padding-top: 10px; }
#nb_popup h2		{ color: black; font-size: 16px; padding-top: 10px; }
#nb_popup h4		{ color: black; font-size: 14px; padding: 4px 0; }
#nb_popup h5		{ color: maroon; font-size: 16px; padding: 0 0 10px 0; }
#nb_popup p		{ color: black; font-size: 14px; }
#nb_popup ul		{ list-style: none; padding: 0 0 20px 10px; }
#nb_popup .circle li	{ list-style: circle; padding: 0 0 10px 10px; }
#nb_popup li		{ color: black; font-size: 14px; }
#nb_popup table	{ width: 98%; }
#nb_popup td		{ width: 50%; vertical-align: top; padding: 10px; }
#nb_popup input	{ width: 200px; color: black; }
#nb_popup select	{ width: 200px; color: black; }
#nb_popup .submit input	{ width: 100px; margin-top: 20px; float: left; }
#nb_popup .form2 input	{ float: left; }
#nb_popup .form3 input	{ float: right; }
#nb_popup .paypal input	{ width: 82px; }
#nb_popup textarea	{ width: 500px; height: 280px; color: black; }

.cartPopup table	{ width: 600px; text-align: right; }
.cartPopup td		{ padding: 2px; margin: 2px; }
.cartPopup input	{ width: 30px; }

/*================== index.html ==================*/
#page8 #right-side .col_1 { width:62px;}
#page8 #right-side .col_2 { width:172px;} 
/*==========================================*/

#financial			{ width: 760px; margin: 10px 0px 20px 0px; text-align: left; color: #444444; font-size: 11px; }
#financial table		{ width: 740px; margin: 0px; }
#financial.thin		{ width: 560px; }
#financial.thin table	{ width: 540px; }
#financial th			{ border-style: none none double none; background-color: #dddddd; padding: 2px 4px; }
#financial td			{ color: #444444; width: 100%; border-style: none none dotted none; border-width: 1px; padding: 2px 4px; vertical-align: top; }
#financial td a		{ color: #444444; }
#financial th a		{ color: #444444; }
#financial.no-border th	{ border-style: none; background-color: #EBEFF3; }
#financial.no-border td	{ border-style: none; }
#financial td input		{ width: 10px; }

#description			{ width: 560px; text-align: left; color: #444444; font-size: 11px; }
#description table		{ width: 550px; margin: 10px 0; }
#description th		{ border-style: none none double none; background-color: #E7F1FA; padding: 2px 4px; }
#description td		{ border-style: none none dotted none; border-width: 1px; padding: 2px 4px; vertical-align: top; }

#search			{ width: 760px; margin: 10px 0px 20px 0px; text-align: left; }
#search table			{ width: 740px; margin: 0px; }
#search td input		{ width: 200px; }
#search select		{ width: 200px; }

#dates				{ width: 570px; margin: 10px 0px 20px 0px; text-align: left; }
#dates table			{ width: 550px; margin: 0px; }

#boTable			{ width: 570px; text-align: left; color: #444; font-size: 12px; }
#boTable table		{ width: 570px; margin: 10px; color: #444; }
#boTable th			{ width: 200px; color: #444; }
#boTable td			{ width: 200px; text-align: left; padding-top: 12px; }
#boTable input		{ width: 180px; }
#boTable select		{ width: 180px; }
#boTable td input		{ width: 100px; }

#profile 			{ margin: 0 auto; }
#profile table		{ width: 90%; padding: 5px; background: #fff; }
#profile th			{ height: 18px; text-align: right; background: #fff; }
#profile td			{ height: 18px; text-align: left; background: #fff; }
#profile input		{ width: 150px; height: 15px; font-size: 12px; color: black; vertical-align: middle; margin: 4px; }
#profile .submit input	{ width: 100px; height: 20px; font-size: 12px; color: black; vertical-align: middle; margin: 4px; }

#boList 			{ margin: 0 auto 10px auto; }
#boList table			{ width: 100%; padding: 5px; background: #fff; border: none; }
#boList th			{ height: 18px; text-align: right; background: #fff; }
#boList td			{ height: 18px; text-align: left; background: #fff; }
#boList input			{ width: 300px; height: 15px; font-size: 12px; color: black; vertical-align: middle; margin: 4px; }
#boList .submit input	{ width: 100px; height: 20px; font-size: 12px; color: black; vertical-align: middle; margin: 4px; }

#adminInput table		{ width: 760px; margin: 0px; padding: 4px; }
#adminInput td		{ margin: 0px; padding: 0px; }
#adminInput td input		{ float: right; width: 240px; margin-right: 50px; }
#adminInput td select	{ float: right; width: 240px; margin-right: 50px; }
#adminInput td span		{ color: #444; }

#adminSubmit			{ padding: 20px 50px; float: right; }
#adminSubmit input		{ width: 100px; }

.adminPoints ul 		{ margin: 2px; list-style: disc; list-style-position: inside; }