/* Pour les pages "produits" avec tables, sans Frontpage*/


#logo {
	/*  Logo PdV on top*/
	position: absolute;
  	width: 200px;
  	height: 75px;
  	top: 15px;
  	left: 40px;
}


#logo1 {
	position: absolute;
  	width: 600px;
  	height: 15px;
  	top: 70px;
  	left: 650px;
}

#logo2 {
	position: absolute;
  	width: 650px;
  	height: 15px;
  	top: 80px;
  	left: 650px;
}



#h1 {
	position: absolute;
  	width: 600px;
  	height: 30px;
  	top: 180px;
  	left: 650px;
}

.h1 {
	/* titre */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 25px;
	color: #0066CC;
	font-weight: normal;
	line-height: 25px;
}

.h3 {
	/* titre */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 45px;
	color: #A31919;
	font-weight: normal;
	line-height: 25px;
}

.hgrey {
	/* titre */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 45px;
	color: grey;
	font-weight: normal;
	line-height: 25px;
}


#hr {
	position: absolute;
	width: 99%;
	top: 150px;
  	margin-right: 0; 
	text-align: right;
}

.hr {
	/* ligne horizontale */
	noshade: noshade;
	border: none;
	color: #0066CC;
	background-color: #0066CC; 
	height: 2px; 
}

#tub100 {
  /* Position du cadre pour la photo */
  position: absolute;
  width: 120px;
  height: 450px;
  top: 230px;
  left: 350px;
}

#soap {
  /* Position du cadre pour la photo */
  position: absolute;
  width: 402px;
  height: 310px;
  top: 230px;
  left: 150px;
}

#tub100ml {
	/* highlighted blue, white text */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #B49859;
	line-height: 25px;
	background-color: #C0C0C0;
	text-align: center;
	position: absolute;
  	width: 120px;
  	height: 25px;
  	top: 700px;
  	left: 380px
}

#tub50g {
	/* highlighted blue, white text */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: grey;
	line-height: 25px;
	background-color: #FFFFFF;
	text-align: center;
	position: absolute;
  	width: 80px;
  	height: 25px;
  	top: 655px;
  	left: 369px;
}


#fla200ml {
	/* highlighted blue, white text */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #B49859;
	line-height: 25px;
	background-color: #C0C0C0;
	text-align: center;
	position: absolute;
  	width: 120px;
  	height: 25px;
  	top: 700px;
  	left: 360px
}

#fla30ml {
	/* highlighted blue, white text */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: grey;
	line-height: 25px;
	background-color: #FFFFFF;
	text-align: center;
	position: absolute;
  	width: 80px;
  	height: 25px;
  	top: 660px;
  	left: 385px;
}


#text-application-fla200 {
	/*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #6A737B;
	text-align: justify;
	line-height: 25px;
	background-color: #FFFFFF;
    position: absolute;
    width: 500px;
    height: 445px;
    top: 270px;
    left: 650px;
 }

#navi1 {
	/* position 1st element */
	position: absolute;
  	width: 50px;
  	height: 30px;
  	top: 230px;
  	left: 40px;
}

#navi2 {
	/* position 2nd element */
	position: absolute;
  	width: 50px;
  	height: 30px;
  	top: 250px;
  	left: 40px;
}

#navi3 {
	/* position 3rd element */
	position: absolute;
  	width: 50px;
  	height: 30px;
  	top: 270px;
  	left: 40px;
}

#navi4 {
	/* position 4th element */
	position: absolute;
  	width: 80px;
  	height: 30px;
  	top: 290px;
  	left: 40px;
}

#navi5 {
	/* position 5th element */
	position: absolute;
  	width: 90px;
  	height: 30px;
  	top: 310px;
  	left: 40px;
}

#navi6 {
	/* position 6th element */
	position: absolute;
  	width: 90px;
  	height: 30px;
  	top: 330px;
  	left: 40px;
}














#header1 {
  	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 25px;
	color: #000066;
	font-weight: bold;
	line-height: 25px;
  background-color: FFFFFF;
  position: absolute;
  width: 600px;
  height: 20px;
  top: 230px;
  left: 650px;
}

#headerTreatment {
  	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 25px;
	color: #000066;
	font-weight: bold;
	line-height: 25px;
  background-color: FFFFFF;
  position: absolute;
  width: 600px;
  height: 20px;
  top: 230px;
  left: 650px;
}

#textTreatment {
	/*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #000066;
	text-align: justify;
	line-height: 25px;
	background-color: #FFFFFF;
    position: absolute;
    width: 1300px;
    height: 1000px;
    top: 270px;
    left: 250px;
 }


#masq {
 /* massage quotidien */
  position: absolute;
  width: 200px;
  height: 200px;
  top: 289px;
  left: 1260px;
}


#text-application-pot50 {
	/*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #000066;
	text-align: justify;
	line-height: 25px;
	background-color: #FFFFFF;
    position: absolute;
    width: 500px;
    height: 300px;
    top: 270px;
    left: 650px;
 }



#pot50 {
  /* Position du cadre pour la photo */
  position: absolute;
  width: 120px;
  height: 235px;
  top: 270px;
  left: 290px;
}

#pot50ml {
	/* highlighted blue, white text */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 25px;
	background-color: #000066;
	text-align: center;
	position: absolute;
  	width: 120px;
  	height: 25px;
  	top: 520px;
  	left: 380px
}

#h2bold1 {
	/* flacon 200 / 1st link */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #0066CC;
	font-weight: normal;
	line-height: 25px;
	position: absolute;
  	width: 220px;
  	height: 25px;
  	top: 740px;
  	left: 350px;
}

#h2bold1-pot50 {
	/* pot 50 / 1st link */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #000066;
	font-weight: normal;
	line-height: 25px;
	position: absolute;
  	width: 220px;
  	height: 25px;
  	top: 640px;
  	left: 350px;
}


#h2bold2 {
	/* flacon 200 / 2nd link */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #0066CC;
	font-weight: normal;
	line-height: 25px;
	position: absolute;
  	width: 220px;
  	height: 25px;
  	top: 740px;
  	left: 600px;
}

#h2bold2-pot50 {
	/* pot 50 / 2nd link */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #000066;
	font-weight: bold;
	line-height: 25px;
	position: absolute;
  	width: 220px;
  	height: 25px;
  	top: 640px;
  	left: 600px;
}


#h2bold3 {
	/* flacon 200 / 3rd link */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #0066CC;
	font-weight: normal;
	line-height: 25px;
	position: absolute;
  	width: 220px;
  	height: 25px;
  	top: 740px;
  	left: 890px;
}

#h2bold3-pot50 {
	/* pot 50 / 3rd link */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #000066;
	font-weight: bold;
	line-height: 25px;
	position: absolute;
  	width: 220px;
  	height: 25px;
  	top: 640px;
  	left: 890px;
}


#h2bold4 {
	/* flacon 200 / 4th link */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #0066CC;
	font-weight: normal;
	line-height: 25px;
	position: absolute;
  	width: 400px;
  	height: 25px;
  	top: 740px;
  	left: 1140px;
}

#h2bold4-pot50 {
	/* pot 50 / 4th link */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #000066;
	font-weight: bold;
	line-height: 25px;
	position: absolute;
  	width: 400px;
  	height: 25px;
  	top: 640px;
  	left: 1140px;
}


.h2boldy {
	/* trait jaune dans titre par produit */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 19px;
	color: #0066CC;
	font-weight: bold;
	line-height: 25px;
}

.h2 {
	/* nom du produit */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #6A737B;
	font-weight: normal;
	line-height: 25px;
}

a:link {
	color: grey;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
	outline: none;
}

a:focus {
	color: #B49759;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #B49759;
	text-decoration: none;
	outline: none;
}
a:active {
	color: #00267F;
	text-decoration: none;
	outline: none;
}

.navi {
	         /*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	valign: bottom;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;	*/
  	text-decoration: none;
  	outline: none;
}


.navi2 {
	         /*  */
	text-align: right;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-color: #A31919;
	color: #FFFFFF;
	valign: bottom;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;	
  	text-decoration: none;
  	outline: none;
}

a.navi2:link {
	         /*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-color: #0066CC;
	color: #FFFFFF;
	valign: bottom;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;	
  	text-decoration: none;
  	outline: none;
}


a.navi2:visited {
	         /*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-color: #0066CC;
	color: #FFFFFF;
	valign: bottom;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;	
  	text-decoration: none;
  	outline: none;
}


a.navi:link {
	         /*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-color: #FFFFFF;
	color: #0066CC;
	valign: bottom;
	text-align: center;
	line-height: 25px;
	padding-left: 0px;
	padding-right: 0px;	
  	text-decoration: none;
  	outline: none;
}

a.navi:visited {
	         /*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-color: #FFFFFF;
	color: #0066CC;
	valign: bottom;
	text-align: center;
	line-height: 25px;
	padding-left: 0px;
	padding-right: 0px;	
  	text-decoration: none;
  	outline: none;
}

a.navi:focus {
	         /*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-color: #FFFFFF;
	color: grey;
	valign: bottom;
	text-align: center;
	line-height: 25px;
	padding-left: 0px;
	padding-right: 0px;	
  	text-decoration: none;
  	outline: none;
}

a.navi:hover {
	         /*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-color: #FFFFFF;
	color: #B49759;
	valign: bottom;
	text-align: center;
	line-height: 25px;
	padding-left: 0px;
	padding-right: 0px;	
  	text-decoration: none;
  	outline: none;
}

a.navi:active {
	         /*  */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-color: #FFFFFF;
	color: grey;
	valign: bottom;
	text-align: center;
	line-height: 25px;
	padding-left: 0px;
	padding-right: 0px;	
  	text-decoration: none;
  	outline: none;
}

#date {
    position: absolute;
  	width: 150px;
  	height: 20px;
  	top: 830px;
  	left: 10px;
}

.date {
    font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: grey;
}