/*
	Rezet CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, a, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-family: Lucida Grande, Trebuchet, Verdana, sans-serif;
	font-size: 10px;
	background-color: #fff;
	color: #6F6D6D;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
a:focus { outline: transparent none; } /* Enlève l'encadrement dotted de FF lors d'un clic */

/*
	Aromathera CSS
*/
.aro h1 { font-size: 13px; }
.aro br.clear {
	clear: both;
}
.aro .fleft { float: left;}
.aro .fright { float: right; }
.aro {
	width: 900px;
	margin: auto;
}
.aro a:link, .aro a:visited {
	color:#009FA0;
}
.aro .strong { font-weight:bold; }
.aro .underline { text-decoration:underline; }
.aro .italic { font-style:italic; }
.aro .no_decoration { text-decoration:none; }
.aro .button {
	display: inline-block;
	height: 18px;
	line-height: 16px;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 0px 0px 0px 8px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url('img/css/button-cl.png') !important;
	background-image: url('img/css/button-cl.gif');
}
.aro .button span {
	display: block;
	height: 18px;
	padding: 0px 8px 0px 0px;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url('img/css/button-cr.png') !important;
	background-image: url('img/css/button-cr.gif');
	white-space: nowrap;
}
.aro a.button span { cursor: pointer; }
.aro img.arrow {
	float: left !important;
	margin: 0;
	margin-top: 6px;
	margin-left: 0px;
	margin-right: 3px;
}
.aro img.border {
	border: 1px solid #ececec;
	padding: 3px;
	background: #fff;
}
.aro .page {
	margin: 5px;
	margin-right: 0px;
}
.aro .inpage {
	/*overflow: auto;
	border: 1px dotted red;*/
}
.aro .hr {
	padding: 0px;
	margin: 0px;
	height: 20px;
	border-style: hidden;
	border-width: 0px;
	border-color: #fff;
	background: #fff url('img/css/hr_gray.png') left top repeat-x;
}
.aro .hr hr {
	display: none;
}
.aro .shareprint {
	background: #fff url('img/css/hr_gray.png') left top repeat-x;
	padding: 10px 5px 0px 5px;
}
.aro .shareprint a:link, .aro .shareprint a:visited {
	text-decoration: none;
	color: #6F6D6D;
	line-height: 20px;
}
.aro .shareprint a:hover { color: #9D0007;}
.aro .shareprint .share {
	background: url('img/css/icon-share.gif') left center no-repeat;
	padding-left: 20px;
}
.aro .shareprint .print {
	background: url('img/css/icon-print.png') right center no-repeat;
	padding-right: 20px;
}
.aro .super{
	vertical-align:super;
}


/*
	Bloc 290px
*/
.aro .bloc290 {
	width: 290px;
	height: 188px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url('img/css/bg-bloc290.png');
	overflow: hidden;
}
.aro .bloc290 .inner {
	margin: 6px 13px 0px 6px;
	overflow: hidden;
}
.aro .bloc290 .content {
	height: 150px;
	overflow: hidden;
}
.aro .bloc290 img.border {
	margin-right: 5px;
}
.aro .bloc290 h2 {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}
.aro .bloc290 p {
	padding-top: 15px;
	font-size:11px;
}
.aro .bloc290 .button {
	float: right;
}


/*
	Bloc 380px
*/
.aro .bloc380 {
	width: 380px;
	height: 140px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url('img/css/bg-bloc380.png');
	overflow: hidden;
}
.aro .bloc380 .inner {
	margin: 0px 13px 0px 0px;
	overflow: hidden;
}
.aro .bloc380 .content {
	height: 110px;
	overflow: hidden;
}
.aro .bloc380 .button {
	float: right;
	margin-right: 10px;
}


/*
	Bloc 900px
*/
.aro .bloc900 {
	width: 888px;
	height: 123px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url('img/css/bg-bloc888.png');
	overflow: hidden;
}
.aro .bloc900 .inner {
	margin: 6px 20px 0px 6px;
	overflow: hidden;
}


/*
	Menu de type onglet
*/
.aro .menu li {
	float:left;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url('img/css/button-cl.png') !important;
	background-image: url('img/css/button-cl.gif');
	padding-left: 8px;
}
.aro .menu li a:link, .aro .menu li a:visited {
	display: block;
	float:left;
	height: 18px;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	line-height: 16px;
	padding-right: 8px;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url('img/css/button-cr.png') !important;
	background-image: url('img/css/button-cr.gif');
	white-space: nowrap;
}

/*
	Paginate
*/
.aro .paginate {
	text-align: center;
	margin: 10px 0px;
}
.aro .paginate a:link, .aro .paginate a:visited {
	padding: 0px 4px;
	text-decoration: underline;
	line-height: 1.1em;
	font-size: 1.1em;
}
.aro .paginate a:hover {
	text-decoration:none;
}
.aro .paginate .current{
	padding: 0px 4px;
	color: #fff;
	background-color: #9D0007;
	text-decoration: none;
}

/*
	LightBox
*/
#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #fff;
	cursor: pointer;
}
#mbOverlay.mbOverlayFF {
	background: transparent url(img/css/mb-80.png) repeat;
}
#mbOverlay.mbOverlayIE {
	background: transparent url(img/css/mb-50.gif) repeat;
}
#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
.mbLoading {
	background: #000 url(img/css/mb-loader.gif) no-repeat center;
}
#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #6F6D6D;
	border-bottom-style: none;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	padding: 10px;
}
/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}
/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}
#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 1px solid #6F6D6D;
	border-top-style: none;
	padding:10px;
}
#mbTitle {
	display: inline;
	color: #009FA0;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}
#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}
#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}
#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 25px;
	background:url(img/css/mb-close.png) no-repeat center;
	margin: 0;
	outline: none;
}
#mbPrevLink {
	background:url(img/css/mb-previous.png) no-repeat center;
}
#mbNextLink {
	background:url(img/css/mb-next.png) no-repeat center;
}
#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 1px solid #6F6D6D;
	padding: 20px 10px 30px;
	margin: auto;
}

/*
	Tooltips
*/

/* Toutes les tips */
.tips {
	z-index: 99999px;
	width: 141px;
	font-family: tahoma,arial;
	font-size: 10px;
}
.tips .tip-top {
	height: 5px;
	background-repeat: no-repeat;
	background-position: left top;
}
.tips .tip {
	font-size: 11px;
	padding-top: 3px;
}
.tips .tip-title {
	color: #fff;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}
.tips .tip-bottom {
	height: 18px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Tips Orange */
.tip-orange .tip-top {
	background-image: url('img/css/tip-orange-top.gif');
	background-image: url('img/css/tip-orange-top.png') !important;
}
.tip-orange .tip {
	background-color: #EF7D01;
}
.tip-orange .tip-bottom {
	background-image: url('img/css/tip-orange-bottom.gif');
	background-image: url('img/css/tip-orange-bottom.png') !important;
}

/* Tips Blue */
.tip-blue .tip-top {
	background-image: url('img/css/tip-blue-top.gif');
	background-image: url('img/css/tip-blue-top.png') !important;
}
.tip-blue .tip {
	font-size:12px;
	background-color: #009FA0;
}
.tip-blue .tip-bottom {
	background-image: url('img/css/tip-blue-bottom.gif');
	background-image: url('img/css/tip-blue-bottom.png') !important;
}

/* Tips Green */
.tip-green .tip-top {
	background-image: url('img/css/tip-green-top.gif');
	background-image: url('img/css/tip-green-top.png') !important;
}
.tip-green .tip {
	font-size:12px;
	background-color: #95C74E;
}
.tip-green .tip-bottom {
	background-image: url('img/css/tip-green-bottom.gif');
	background-image: url('img/css/tip-green-bottom.png') !important;
}
/* Tips LightGreen */
.tip-lightgreen .tip-top {
	background-image: url('img/css/tip-green-top.gif');
	background-image: url('img/css/tip-green-top.png') !important;
}
.tip-lightgreen .tip {
	padding:2px;
	font-size:12px;
	background-color: #95C74E;
}
.tip-lightgreen .tip-bottom {
	background-image: url('img/css/tip-green-bottom.gif');
	background-image: url('img/css/tip-green-bottom.png') !important;
}


/* Tips Yellow */
.tip-yellow .tip-top {
	background-image: url('img/css/tip-yellow-top.gif');
	background-image: url('img/css/tip-yellow-top.png') !important;
}
.tip-yellow .tip {
	font-size:12px;
	background-color: #CBD400;
}
.tip-yellow .tip-bottom {
	background-image: url('img/css/tip-yellow-bottom.gif');
	background-image: url('img/css/tip-yellow-bottom.png') !important;
}

/*
Css: DatePickers
    Style des datespickers
*/
.datepicker {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: none !important;
	overflow: hidden;
	width: 226px;
}
.datepicker table {
	background: #BEBEBE;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border-spacing: 0px;
	border: 1px solid #000;
	border-top: none;
	width: 100%;
}
.datepicker caption {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	width: 100%;
	height: 25px;
	line-height: 26px;
	background: #000 url('img/datepicker-caption.jpg') left top repeat-x;
	border: 1px solid #000;
	border-top: none;
}
.datepicker caption a {
	cursor: pointer;
	display: block;
	height: 16px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 5px;
	width: 16px;
}
.datepicker caption a.prev {
	background-image: url('img/datepicker-arrow_180.png');
	left: 0;
}
.datepicker caption a.next {
	background-image: url('img/datepicker-arrow.png');
	right: 0;
}
.datepicker caption span.month {
	position: absolute;
	left: 5px;
	width: 120px;
}
.datepicker caption span.year {
	position: absolute;
	right: 5px;
	width: 80px;
}
.datepicker th, .datepicker td {
	cursor: default;
	font-size: 12px;
	background: #fff;
	height: 25px;
	width: 30px;
	text-align: center;
	border-top: 1px solid #BEBEBE;
}
.datepicker th {
	background: #FDFDDB;
	border: none;
	color: #000;
	font-weight: bold;
}
.datepicker td.active {
	cursor: pointer;
}
.datepicker td.inactive {
	background: #EEEEEE;
	color: #BEBEBE;
}
.datepicker td.today {
	border-top: 1px solid #FFD700;
	background: #FFFFDD;
}
.datepicker td.hilite {
	border-top: 1px solid #000;
	background: #000 url('img/datepicker-caption.jpg') 0px -1px repeat-x;
	color: #fff;
	font-weight: bold;
}




/*         BACKUP COLORS           */
.c_blue, .puressentiel, .expert, .bebepur, .massage{
  color:#009FA0;
}
.med_red{
	background:#BA3248;
}
.c_med_red{
	color:#BA3248;
}
.bg_med_red{
	color:#BA3248;
}
.c_dark_red, .advices {
   color:#B2005C;
}
.pm_red{
     background:#D60D31; 
}
.c_pm_red{
  color:#D60D31; 
}
.baby_red{
    background:#ED3324;
}
.c_baby_red{
    color:#ED3324;
}