/* @override http://www.savonnerie-alpilles.fr/stylesheet.css */

/*
	Template ID 2 - Stylesheet
	http://www.layoutica.com
	
*/

* {
padding : 0;
margin : 0;
}
body {
background : rgb(244, 236, 245);
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 62.5%;
color : #585858;
}

#navigation {font-size:1em}
#maincontent p, #MainText-right p {font-size: 1.2em;
	line-height: 1.6em;
}
.rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
ul { list-style-position: inside; margin-left: 2px }
ul li { list-style-type: square; margin-left: 15px;  }
ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }

input, textarea {
border : 1px solid #aaa;
}
input:hover, textarea:hover {
border : 1px solid #888;
}
img {
border : 0;
float : right;
	margin-left: 10px;
}
a {
color : rgb(202, 114, 207);
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
blockquote {
margin : 30px 10px 15px;
	color: gray;
	font-style: italic;
	border-left-style: none;
	border-top: 1px solid rgb(239, 212, 241);
	border-bottom: 1px solid rgb(239, 212, 241);
	padding-bottom: 10px;
	padding-left: 0;
	text-align: left;
	font-size: 0.9em;
}
input, textarea {
border : 1px solid #aaa;
}
input:hover, textarea:hover {
border : 1px solid #888;
}
input.text {
color : #000000;
border : 1px solid #e6e6e6;
background : inherit;
}
textarea.text {
font-size : 8pt;
border : 1px solid #e6e6e6;
}
input.text:hover, textarea.text:hover {
border : 1px solid #d6d6d6;
}
form {
display : inline;
margin : 0;
padding : 0;
}
.date {
color : rgb(250, 250, 250);
background : transparent;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.6em;
}
.green {
color : rgb(123, 165, 163);
}
.bigl {
font-size : 1.2em;
}
.bold {
font-weight : bold;
}
#header h1 {
background : #fafafa;
font-family : "Tahoma", Verdana, Arial, sans-serif;
font-size : 3em;
color : #585858;
font-weight : normal;
padding : 0;
margin : 0;
}
#content {
margin : 0 auto 15px;
width : 780px;
background : #fafafa;
	padding: 0;
	border-right: 5px solid rgb(239, 212, 241);
	border-left: 5px solid rgb(239, 212, 241);
	border-bottom: 5px solid rgb(239, 212, 241);
}
#header {
margin : 0;
background : url(images/bg/bandeau-accueil.jpg);
color : #585858;
height : 240px;
	width: 780px;
	padding: 0;
}

#pro #header {
margin : 0;
background : url(images/bg/bandeau-pro.jpg);
height : 192px;
}

#part #header {
margin : 0;
background : url(images/bg/bandeau-part.jpg);
height : 192px;
}

#news #header {
margin : 0;
background : url(images/bg/bandeau-news.jpg);
height : 192px;
}

#contact #header {
margin : 0;
background : url(images/bg/bandeau-contact.jpg);
height : 192px;
}

#pro #header .topong, #part #header .topong, #news #header .topong, #contact #header .topong {
	text-align: right;
	padding-top: 172px;
	padding-right: 10px;
}

#header .topong {
	text-align: right;
	padding-top: 220px;
	padding-right: 10px;
}

#header .topong a{
	color: white;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 1px;
	background: url(images/bg/fr.png) no-repeat;
	padding-left: 20px;
}

#menu {
margin : 0 0;
padding : 0;
width : 100%;
height : 40px;
}
#menu .pad {
padding-top : 12px;
}
#menu a {
color : #fff;
text-decoration : none;
background : inherit;
}
#menu .submit {
vertical-align : bottom;
}
#menu .submit ul {
margin : 0;
padding : 0 10px 0 0;
list-style : none;
}
#menu .submit li {
display : inline;
margin : 0;
padding : 0;
}
#menu .submit a {
float : left;
background : transparent;
margin : 0;
padding : 0 0 0 0;
text-decoration : none;
}
#menu .submit a span {
float : left;
background : url(images/menusep.gif) no-repeat left;
color : #fff;
font-weight : bold;
display : block;
padding : 0 15px 0 15px;
margin-right : 2px;
}
#menu .submit a span {
float : none;
}
#menu #search {
float : right;
background : inherit;
margin-top : 0;
padding : 0;
margin-right : 10px;
margin-top : -4px;
}
#menu #search input.text {
background : url(images/input.gif) no-repeat top;
width : 110px;
border : 0;
padding : 2px 0 0 3px;
}
#menu #search input.txt {
color : #fff;
font-weight : bold;
border : 0;
background : transparent;
cursor : pointer;
}
#modules {
margin-top : 10px;
height : 190px;
	margin-left: 1px;
	padding-left: 5px;
	padding-right: 5px;
}
#modules #mod3 {
background : #fafafa url(images/topgreybox.jpg) no-repeat top;
height : 185px;
width : 255px;
float : right;
margin-top : 5px;
}
#modules #mod2 {
background : #fafafa url(images/topgreybox.jpg) no-repeat top;
height : 185px;
width : 255px;
float : right;
margin-right : 3px;
margin-top : 5px;
}
#modules #mod1 {
background : #fafafa url(images/topgreybox.jpg) no-repeat top;
height : 185px;
width : 255px;
float : left;
margin-top : 5px;
}
#modules .padding {
padding : 13px 20px 10px 20px;
}
#modules img {
border : 1px solid #d3d3d3;
float : left;
margin-bottom : 5px;
//margin-bottom : 0px; /* uniquement pour ie */
margin-left: 0;
}
#modules .price {
color : rgb(202, 114, 207);
font : bold 2em "Tahoma", verdana, Arial;
padding : 15px 35px 0 0;
float : right;
text-align : right;
}
#modules .only {
color : #e5e5e5;
font : bold 0.4em "Tahoma", verdana, Arial;
}
#modules .text {
width : 100%;
float : left;
color : #9f9f9f;
text-align : justify;
}
#modules h2 {
font : bold 1.2em "Tahoma", verdana, Arial;
color : rgb(123, 165, 163);
background : transparent;
margin-bottom : 4px;
}
#modules h2 a {
color : rgb(123, 165, 163);
background : transparent;
}
#modules h2 a:hover {
text-decoration : underline;
color : rgb(123, 165, 163);
}
#maincontent {
background : #fafafa;
	padding-right: 20px;
	padding-left: 20px;
}
#maincontent #graph {
margin-top : 15px;
background : #fafafa url(images/statgraph2.jpg) no-repeat left;
width : 203px;
height : 156px;
float : left;
}
#maincontent p, #MainText-right p {
margin-top : 10px;
}
#maincontent img {
float : left;
margin : 10px 10px 10px 0;
}
#maincontent .readm {
color : rgb(202, 114, 207);
font-weight : normal;
background : inherit;
	font-style: normal;
}
#maincontent h2, #MainText-right h2 {
font : normal 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent url(images/bg/icone_bulle.gif) no-repeat;
margin-bottom : 4px;
border-bottom : 1px solid #e3eaef;
	padding-left: 40px;
	height: 25px;
}

#MainText-right h3 {
font : 1.6em "Tahoma", verdana, Arial;
color : #585858;
	margin-top: 20px;
}

.plus h3{
background: url(images/bg/fleur.gif) no-repeat;
padding-left: 25px;
}

.plus p{
	margin-left: 25px;
}

#maincontent #introduction, #MainText-right #introduction {
margin: 25px 0 20px;
background : inherit;
text-align : justify;
}

#maincontent #rightside, #MainText-right #rightside {
float : right;
width : 180px;
background : rgb(193, 205, 139);
padding : 10px;
margin : 0 0 10px 0;
}

#MainText-right #rightside {
margin : 10px 0 10px 20px;
}

#MainText-right #rightside p{
	font-size: 1em;
	text-align: left;
}

#maincontent #rightside h2, #MainText-right #rightside h2 {
margin-bottom : 5px;
	color: white;
	background-image: none;
	padding-left: 0;
}
#maincontent #leftside {
background : inherit;
margin-right : 10px;
width : 520px;
}
#maincontent #leftside .r {
float : right;
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .le {
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .pad {
padding : 5px 0 15px;
text-align : justify;
}



div#MainText { width: 780px; clear: both; float: left; padding-bottom: 0px;
}

div#MainText-left ul { list-style-type: none; list-style-image: none; list-style-position: outside; 
}

div#MainText-left ul li { list-style-type: none; list-style-image: none; list-style-position: outside; }


div#MainText-left { 
width: 200px !important;
width: 190px;
margin-top: 30px;
}


div#MainText-right { margin: 0; clear: both; 
width: 570px !important;
width: 560px ;
float: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}


#bottom {
bottom : 0;
clear : both;
text-align : left;
border-top : 2px solid #e5e5e5;
padding : 10px 20px 0;
margin-top : 50px;
color : #888;
background : inherit;
}


#content #bottom p {
	font-size: 1.2em;
	color: rgb(123, 165, 163);
}

#footer {
bottom : 0;
clear : both;
text-align : left;
padding : 10px 20px;
margin-top : 5px;
color : #888;
background : rgb(239, 212, 241);
}

#content #footer p {
	font-size: 0.9em;
	color: gray;
}

#footer .right, #bottom .right {
float : right;
text-align: right;
}

#stylefour { background: transparent url('images/bg/bgoff.gif') repeat-x scroll left top; position: relative; display: block; height: 39px; font-size: 11px; font-weight: bold; font-family: Arial,Verdana,Helvitica,sans-serif;
	border-top: 1px solid rgb(112, 72, 135);
}
#stylefour ul { margin: 0pt; padding: 0pt; list-style-type: none; width: auto; }
#stylefour ul li { margin: 0pt; display: block; float: left; }
#stylefour ul li a { padding: 11px 35px 0pt; background: transparent url('images/bg/bgdivider.gif') no-repeat scroll right top; display: block; float: left; color: rgb(102, 102, 102); text-decoration: none; height: 23px;  }

#stylefour ul li.last a { background: none; }

#stylefour ul li a:hover{ background: rgb(255, 255, 255) url('images/bg/bgon.gif') no-repeat scroll right top; color: rgb(202, 114, 207); }
#stylefour ul li a.current { color: rgb(202, 114, 207); }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

dl{
margin: 70px 0 0;
padding: 0;
width: 160px; /* width of menu (don't forget to add border with below!) */

}

#contact dl{
margin: 0;
}




dt{
border-bottom: 1px solid white;
	margin-left: 0;
}

dt a{
background: white url(images/bg/vstrip.gif) repeat-y left top;
display: block;
color: rgb(102, 102, 102);
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
	font: bold 120% "Lucida Grande", "Trebuchet MS", Verdana;
}


dt a:hover {
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #AE77D4;
text-decoration: none;
}

dt.current a{
background-position: 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #AE77D4;
}

dl li a{
	font-size: 120%;
	color: rgb(102, 102, 102);
	line-height: 2em;
	margin-left: 0;
	padding-left: 0;
}

dl li a:hover, dl li a.select {
	color: #AE77D4;
	text-decoration: none;
}

.boite-citation {
	width: 255px;
	padding-bottom: 40px;
	background: white url(images/bg/tab-citation-bas.gif) no-repeat center bottom;
	line-height: 1.5em;
	float: right;
	font-weight: normal;
	font-style: normal;
	margin-right: 5px;
	padding-right: 0;
	text-align: left;
	margin-left: 10px;
	margin-top: 20px;
}
.boite-citation h4 {
	margin: 0;
	padding: 50px 20px 5px;
	background: transparent url(images/bg/tab-citation-haut.gif) no-repeat center top;
}
#introduction .boite-citation p {
	margin: 0 20px 20px;
	text-align: left;
	padding-top: 0;
	color: rgb(123, 165, 163);
	font: 1.6em Georgia, "Times New Roman", Times, serif;
}


.feature li { margin: 10px 0pt 10px 20pt; background-image: url('images/bg/accept.gif'); background-repeat: no-repeat; padding-left: 20px; list-style-type: none;
	font-size: 1.2em;
	color: rgb(123, 165, 163);
	line-height: 1.4em;
	text-align: left;
}


.feature2 li { margin: 10px 0pt 10px 20pt; background-image: url('images/bg/bullet-violet.gif'); background-repeat: no-repeat; padding-left: 20px; list-style-type: none;
	font-size: 1.2em;

	line-height: 1.4em;
}

.feature2 strong {
color: #AE77D4;
}

/* TABTASTIC */

#tabtastic {
	margin-top: 30px;
	margin-right: 10px;
}

.tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
.tabset_tabs li	{ margin:0; padding:0; display:inline;
	font-size: 1.3em;
	letter-spacing: 1px;
}
.tabset_tabs a	{ color:rgb(102, 102, 102) ! important; background-color:rgb(244, 236, 245) ! important; border:1px solid #e3eaef; text-decoration:none; border-left-width:0; border-bottom:none;
	padding: 0 1.5em;
}
.tabset_tabs a:hover	{ color:#AE77D4 ! important; background-color:#eff ! important }
.tabset_tabs a.active	{ color:#AE77D4 ! important; background-color:white ! important; border-color:#e3eaef; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }

.tabset_tabs li.firstchild a	{ border-left-width:1px }

.tabset_content	{ border:1px solid #e3eaef; background-color:white; position:relative; z-index:1; padding:0.5em 1em; display:none }
.tabset_label	{ display:none }

.tabset_content_active	{ display:block }

#parfums.tabset_content_active a{
	font-size: 1.3em;
	text-decoration: underline;
}

#parfums.tabset_content_active img{
	padding-left: 80px;
}

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }

}

/* BLOGGER */

/* Posts
----------------------------------------------- */
.date-header {
  margin:0 0 .5em;
  font:bold 112%/1.4em Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  color:#467;
  }
  
h5.date-header {
	color: gray;
	font-size: 0.9em;
}


.post {
  margin: 0 0 4em;
  }
.post-title {
  margin:0 0 .25em;
  color:#fff;
  }
#main .post-title a {
  text-decoration:none;
  color:#9df;
  }
#main .post-title a:hover {
  color:#fff;
  }
.post p, .post-body {
  margin:0 0 .75em;
  line-height: 1.6em;
	font-size: 1.2em;
}
.post-footer {
  color:#467;
  text-transform:lowercase;
  }
.post-footer em {
  font-style:normal;
  color:#689;
  }
.post blockquote {
  margin:1em 20px;
  padding:5px 0;
  border:2px solid #356;
  border-width:2px 0;
  }
.post blockquote p {
  margin:.5em 0;
  }
.post img {
  border:5px solid #fff;
	float: left;
}

#news .post img {
float: none;

	border: 1px solid #ccc;
	padding: 5px;
}

#MainText-left {
	font-size: 1em;
	padding-left: 0;
	padding-top: 30px;
}

#MainText-left p {
	font-size: 1.1em;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.5em;
}

#powered-by img{

	padding-top: 0;
	float: left;
	margin-left: 0;
	padding-bottom: 10px;
}

#introduction img.left {
float : left;
margin : 10px 10px 10px 0;
}

#MainText-left img {
float : left;
margin : 30px 10px 10px 30px;
}

#MainText-left img.left {
float : left;
margin : 30px 10px 10px 5px;
}

#introduction span.trademark, #maincontent span.trademark {
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	margin-left: 2px;
	vertical-align: 0.5em;
}


/* FORMULAIRE */


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed rgb(123, 165, 163);
height: 1%;
}

.cssform p.premier{
border-top: 0px;
	padding-top: 30px;
}


.cssform label{
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}  


/* PAGE PRODUIT */


.gauche { 
	margin-right: 30px;
	margin-top: 20pt;
	margin-left: 10pt;
}
.droite { margin: 0pt 0pt 18px 18px; float: right; }
.callout { border: 1px solid rgb(221, 221, 221); padding: 8px 10px; background: rgb(241, 242, 231) none repeat; font-size: 11px; color: rgb(163, 156, 141); margin-bottom: 18px;
	width: 100px;
min-height:210px;
  height:auto !important;
  height:210px;
}
.callout *:last-child { margin-bottom: 0pt; }
.callout p { text-align: center;
}

.callout img {
	margin-left: -10px;
}

.clear {
	clear: left;
}

a.viewpic {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none;
}

#tabtastic img {
	float: none;
	border: 0px;
}

#tabtastic .viewpic img{
	float: none;
	border: 5px solid #AE77D4;
	z-index: 1;
}

#tabtastic .feature2 img{
	margin-top: 10px;
	margin-bottom: 30px;
}

a:hover.viewpic {
  text-decoration: none;
  background: none;
}
a.viewpic span {display: none;}

a:hover.viewpic span {
  display: inline;
  position: absolute; 
  top: -20px;
  left: 10px;
  z-index: 20;
  width:100%;
  padding:2px 4px;
}

#monoSlideshow{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#produits{
	margin-top: 20px;
}