/* --------------------------------------------------------
    Navigation menu stylesheet
    Site: GERR.COM
    Created by: Martin Gauthier - martin@codemountain.ca
	Filename: css/main_gerr1.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    MAIN STYLING
	

   -------------------------------------------------------- */
body	{
	background-color:#fff;
	background-image:url(../../img/back1b.jpg);
	background-position:center -6px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#414042;*/
	color:#343435;
	font-size:13px;
	font-weight:normal;
	line-height:18px;
	padding:0px;
	margin:0px;
}
a:link, a:visited, a:active	{
	color:#636466;
	text-decoration:none;
	outline:none;
	}
a:hover	{
	color:#ed1c29;
	text-decoration:none;
	outline:none;

}
sup{ font-size:8px;margin-left:2px}

a.menulink:link, a.menulink:visited, a.menulink:active	{
	color:#000000;
	text-decoration:none;
	outline:none;
	font-weight:bold;
	}
a.menulink:hover	{
	color:#ed1c29;
	text-decoration:none;
	outline:none;

}
a.soulign:link, a.soulign:visited, a.soulign:active	{
	color:#636466;
	text-decoration:underline;
	outline:none;
	}
a.soulign:hover	{
	color:#ed1c29;
	text-decoration:none;
	outline:none;

}
h1{font-size:22px; margin:0;padding:0; color:#ed1c29; text-transform:uppercase;  }
h3{font-size:16px; margin:0;padding:0; color:#ed1c29; margin-top:10px; line-height:18px; }
h4{font-size:15px; font-weight:bold; margin:0;padding:0; line-height:20px;}
h5{font-size:13px; font-weight:bold; margin:0;padding:0; line-height:18px; text-transform:uppercase; text-align:left}
h5.title1{font-size:16px; font-weight:bold; margin:0;padding:0; line-height:22px; text-align:left; text-transform:none; }
p{line-height:18px}
p.top{margin-top:0; padding:top:0;}
ul.nopad{padding-left:14px; margin-top:0px;}
.red1{color:#ed1c29}

div.sep1{background-image:url(../../img/dash3.gif); background-position:center; background-repeat:repeat-x; margin-top:10px; margin-bottom:10px; height: 10px; width:100%}
/* --------------------------------------------------------
    SELECTOR STYLING - INDEX.HTML
	

   -------------------------------------------------------- */
#main_container	{position:absolute;top:0px;left:0px; margin:0; width:100%; height:1200px; }

#top_container{width:802px; margin-top:50px; height:85px; background-image:url(../../img/dash1.png); background-position:bottom; background-repeat:repeat-x}
	#toplogo{position:absolute; left:0; top:0;}
	#topmenu{position:absolute;right:0; top:55px;}
		#topmenu ul{list-style:none; margin:0;padding:0}
		#topmenu ul li{float:left; margin-left:8px;}
	
#button_container{width:802px; margin-top:15px; }
	.buttonnav img{ border:2px solid #ed1c29;  border-right:0px; margin:0; padding:0;}
	.buttonnav img.last{border-right:2px solid #ed1c29;}
#mid_container{width:802px; }
	#leftmenu{float:left; width:200px;  margin-top:31px; background-image:url(../../img/back2.jpg); background-repeat:repeat-y; padding-left:12px; position:relative}
		#leftmenu img.border1{margin-left:-12px}
		#leftmenu ul{list-style:none; margin:0; padding:0; margin-top:5px;}
		#leftmenu ul li{line-height:18px;background-image:url(../../img/dash2.png); background-position:left bottom; background-repeat:no-repeat; padding-top:8px; padding-bottom:8px;}
		#leftmenu ul li.last{ background-image:none; padding-top:12px;}
		#leftmenu ul li img.stroke1{padding:0px; border:2px solid #fff; margin-top:8px; margin-bottom:8px;}
		#leftmenu #design{background-image:url(../../img/phlo1.jpg); overflow:hidden; width:10px; height:168px; background-position:left top; background-repeat:no-repeat; cursor:pointer; position:absolute; bottom:0px; left:-15px;}
		#leftmenu #design:hover{background-position:-16px top}
	#spacer_v{float:left; background-image:url(../../img/sepv_2.gif); background-repeat:repeat-y; background-position:right; width:30px; height:512px; margin-top:32px;}
	#content{ width:507px; float:right; text-align:left;margin-top:44px; }
		#content h1.rewind{background-image:url(../../img/icn_rew1.gif); background-repeat:no-repeat; background-position:0px -1px;}
		#content h1.rewind2{}
			#content h1#title_home{background-position:117px 4px;}
			#content h1#title_home_en{background-position:152px 4px;}
			#content img.right1{float:right; margin-top:0px;}

#bot_container{width:802px; height:96px; text-align:center; margin-top:35px; padding-top:15px; text-align:center;  font-size:12px;background-image:url(../../img/dash1.png); background-position:top; background-repeat:repeat-x; line-height:20px}

#vivescence_content{background-image:url(../../img/vivesence2.jpg); background-repeat:no-repeat; background-position:bottom right;}
#soin_mdskin{ width:100%; background-image:url(../../img/soins_mdskin1.jpg); background-repeat:no-repeat; background-position:center top; padding-top:370px}

#newsSub{  border-bottom:2px solid #d8d8d8; padding-top:8px; padding-bottom:8px;}
#newsSub .input1{ border:1px solid #d8d8d8; background-color:#FFFFFF; margin-bottom:5px; width:198px;}
#newsSub .button1{ border:1px solid #d8d8d8; background-color:#FFFFFF; cursor:pointer; color:#414042}
#newsSub .button1:hover{ border:1px solid #d8d8d8; background-color:#414042; color:#fff; cursor:pointer;}
#newsSub .select1{ border:1px solid #d8d8d8; margin-bottom:5px;}
/*STYLES*/
.center_container {margin-left:auto; margin-right:auto; text-align:left;position:relative; }
.clearall{clear:both}

a.dark1:link, a.dark1:active, a.dark1:visited{color:#333333; font-weight:bold; text-decoration:underline}
a.dark1:hover{color:#ed1c29; font-weight:bold;}

a.big1:link, a.big1:active, a.big1:visited{color:#ed1c29; font-weight:bold; text-decoration:underline}
a.big1:hover{color:#ed1c29; font-weight:bold; text-decoration:none; opacity:0.7;}

a.big1 img{border: 1px solid #ed1c29}
a.big1 img:hover{filter:alpha(opacity='70')}
a.active1:link, a.active1:active, a.active1:visited, a.active1:hover{color:#ed1c29;}

.menusep{color:#c6c8ca}

.minboxheight{height:325px;}

.chapters{margin-top:35px;}

.stroke1{border:1px solid #333333}
.img1{margin-top:10px; margin-bottom:10px;}
.img2{float:right}
.img3{margin-top:10px;}
.rightplus{margin-right:-29px; margin-left:20px; margin-top:-22px;}
.table1{font-size:11px}
	.table1 .numb1{ font-size:24px; font-weight:bold; padding-right:20px; background-image:url(../../img/sepv_2.gif); background-repeat:repeat-y; background-position:right top; color:#c7c8ca}
	.table1 .left{padding-left:30px; padding-right:15px;}
	
.soin1{width:230px; font-size:10px; color:#414042; font-weight:bold; margin-top:10px;}
	.soin1 tr td{padding-right:18px;}
	
.micro1{font-size:10px; color:#414042; font-weight:bold; margin-top:10px; margin-bottom:10px;}
	.micro1 tr td.left{padding-right:18px;}		
.p1{font-weight:bold}
.narrow{width:255px; margin-top:30px;}
.brand1{margin-top:10px; margin-bottom:15px}

.first{margin-top:20px;}

ul.submenu{list-style:none; margin:0;padding:0; margin-top:15px; font-size:14px;}
ul.submenu li{float:left; margin-right:9px;}

ul.submenu2{list-style:none; margin:0;padding:0; margin-top:15px;}
ul.submenu2 li{float:left; margin-right:1px;}

.faq{margin-bottom:13px;}
.cell1{padding-right:30px; width:250px;}
.cell2{padding-right:12px; text-align:left; width:100px;}
.cell3{text-align:left; width:100px;}
.cell2 img, .cell3 img{margin-bottom:5px;}


img.imgtable1{margin-bottom:20px; margin-right:5px}

.box1{position:absolute; right:0px; top:98px;width:265px;}
.box1 .top{background-image:url(../../img/box1_top.png); width:265px; height:7px; position:relative; }
.box1 .boxcontent{background-image:url(../../img/box1_back.png); background-repeat:repeat; width:225px; padding:20px; position:relative; padding-top:15px; padding-bottom:15px;}
.box1 .bot{background-image:url(../../img/box1_bot.png); width:265px; height:7px; position:relative}

.box2{position:relative; margin-top:13px;width:187px;}
.box2 .top{background-image:url(../../img/box2_top.jpg); width:187px; height:9px; position:relative; }
.box2 .boxcontent{background-image:url(../../img/box2_back.jpg); background-repeat:repeat; width:163px; padding:12px; position:relative; padding-top:5px; padding-bottom:5px; text-align:center}
.box2 .bot{background-image:url(../../img/box2_bot.jpg); width:187px; height:9px; position:relative}


#vemma1{height:503px;background-image:url('../../img/prod_vemma1.gif'); background-repeat:no-repeat; background-position: left bottom}
	#vemma1 p {margin-left:159px}
	#vemma2{position: absolute; right:0; bottom:0}
	
	
img.promo_pastille1, img.promo_pastille2, img.promo_pastille3, img.promo_pastille4{position: absolute; right:-65px; top:24px;}	
img.promo_pastille2{top:80px;}	
img.promo_pastille3{top: 70px; right: -90px;}
img.promo_pastille4{top: 70px; right: -90px;}

div.cover{float:left; margin-right:10px; margin-bottom: 10px; margin-top:10px}
div.sep_covers{background-image:url(../../img/sepv_3.gif); background-position:center; background-repeat:repeat-x; height: 10px; width:480px; clear: both; margin-left:-2px;}


ul.arrow1{list-style:none;margin-left:0px; padding-left:0px;}
ul.arrow1 li{ margin-bottom:15px; padding-left:26px;  background-image: url(../../img/icn_bullet1.gif); background-repeat: no-repeat; background-position: 0 3px;}

.cell_bullet_description {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(../../img/icn_bullet2.jpg);
	background-repeat: no-repeat;
	background-position: 0 14px;
	vertical-align: top;
	border-bottom: 1px dotted #cccccc;
}

.cell_bullet_lien {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	background-image: url(../../img/icn_rew2.gif);
	background-repeat: no-repeat;
	background-position: 0 11px;
	vertical-align: top;
	border-bottom: 1px dotted #cccccc;
}