﻿/* Normaliser les marges et espacements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normaliser les entêtes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Enlever les styles des listes */
ol, ul
{ list-style: none; }

/* Normaliser les polices de caractères */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Enlever les styles des tableaux */
table
{ border-collapse: collapse; border-spacing: 0;
}

/* Enlever les bordures des champs de textes et images */
fieldset, img
{ border: 0; }

/* Aligner vers la gauche les champs de sous-texte et TH */
caption, th
{ text-align: left; }

/* Enlever les guillemets des balises Q */
q:before, q:after
{ content: ''; }


/* MAIN TAGS */
body {
	 margin: 0 auto;

	 font-family: Tahoma, sans-serif;
	 font-size: 11px;
}

a {
	color: #066199;
}
a:hover {
	text-decoration: none;	
}

h2 {
	color: #076299;
	
	font-size: 13px;
}
h3 {
	clear: both;
	
	text-transform: uppercase;
	
	font-size: 13px;
	font-style: italic;
}
h4 {
	font-size: 13px;
	font-weight: bold;
}
h3,h4,h5,h6, p {
	color: #4e4d4d;
	
	margin: 0 0 1em 0;
	line-height: 1.25em;
}
input {
	height: 16px;
	font-size: 11px;
}
hr {
	width:  100%;
	color: white;
	height: 2px;
	border: none;
	border-top: 2px solid #ffffff;
}
ol, ul {
	margin: 40px 0 0 30px;
	line-height: 2em;
	list-style: disc;
}
ol a, ul a { font-weight: bold; }

/* FORMS */
.form_area {
	margin: 20px 0 40px 0;
}
.form_area, .form_area a {
	color: #4e4d4d;
}
.form_area strong {
	font-size: 90%;
	font-weight: bold;
}
.form_txt {
	margin: 20px 0 0 0;	
}
input.form_username {
	margin-left: 4px;
	
	width: 138px;
	height: 13px;
	
	vertical-align: middle;
}
input.form_password {
	margin-left: 4px;
	
	width: 100px;
	height: 13px;
	
	vertical-align: middle;
	float: left;
}
input.form_ok_button {
	width:  30px;
	height: 17px;
	font-size: 14px;
}
input.form_checkbox {
	margin: 10px 5px 0 0;
}
input.searchButton {
 	width: 100px;
	height: 18px;
}
input.searchInput {
	vertical-align: bottom;
	width:250px;
	height:14px;
}
input.button, input.searchButton {
	color: #ffffff;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-weight: bold;
	background-color: #0c86b9;
	border: none;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
}

/* HEADER & MENU */
#header {
	width: 900px;
	height: 75px;
	background: url(Images/bg_header.jpg) bottom repeat-x;
}
#header_branding {
	float: left;
	text-align: center;
	width:  359px;
	height: 75px;
}
#header_top {
	float: right;
	text-align: right;
	width: 541px;
}
#header_search 
{
	padding: 6px 20px 0 0;
	height: 25px;	
}

#menu {
	
	float: left;
	display: block;
	
	width: 973px;
	height: 29px;
	margin: 3px 0 0 0;
	
	background: url(Images/bg_menu.jpg) repeat-x top left;
}
ul#menu_buttons {
	width: 973px;	
	margin: 0;
	padding: 0;
	line-height: normal;
}
ul#menu_buttons li { display: inline; }
ul#menu_buttons li a { float: left; display: block; height: 18px; padding: 7px 9px 3px 9px; text-align: center; }
ul#menu_buttons li a#menu_buttons_home { padding: 0; }
ul#menu_buttons a#menu_buttons_last { padding: 7px 11px 3px 10px; }

ul#menu_buttons a:link, ul#menu_buttons a:active, ul#menu_buttons a:visited {
	text-decoration: none;
	
	background: url(Images/bg_menu_up.jpg) no-repeat top right;
}
ul#menu_buttons a:hover {
	text-decoration: none;
	background: url(Images/bg_menu_over.jpg) no-repeat top right;
}

ul#menu_buttons a#menu_buttons_last:link, ul#menu_buttons a#menu_buttons_last:active, ul#menu_buttons a#menu_buttons_last:visited { background: url(../Images/bg_menu.jpg) no-repeat top right; height: 18px; }

ul#menu_buttons a#menu_buttons_last:hover { background: url(Images/bg_menu_last_over.jpg) no-repeat top right; }



/* CONTENT */
#content{
	width: 900px;
	margin: 0 auto;
}

#header_content{
	width: 900px;
	margin: 0 auto;
}

#main_3cols_left {
	float: left;
	width:  723px;
	
	margin: 2px 0 0 0;
	padding: 0 0 10px 0;

	background: url(Images/bg_3cols.gif) repeat-y;
}
#main_3cols_left_bottom {
	float: left;
	width:  723px;
	
	margin: 2px 0 0 0;
	padding: 0  0 10px 0;

	background: url(Images/bg_3cols.gif) repeat-y;
}
#main_2cols {
	float: left;
	
	width:  973px;
	
	margin: 2px 0 0 0;
	
	background: url(Images/bg_2cols.gif) repeat-y;	
}


#main_3cols_sidebar, #main_2cols_sidebar {
	float: left;
	width: 300px;
	
	padding: 8px 0 0 0;
	
    background: url(Images/bg_content_sidebar.jpg) repeat-x;
}

.header_col_title_left, .header_col_title_right
{
    
    margin: 0 0 0 4px;
}

#main_3cols_sidebar_bottom, #main_2cols_sidebar_bottom {
	float: left;
	width: 223px;
	
	padding: 8px 4px 0 0px;

}

#main_3cols_content {
	float: right;
	width: 477px;
	
	margin: 0 0 0 0;
	padding: 8px 4px 0 4px;

	background: url(Images/bg_content_main.jpg) repeat-x;
}

#main_3cols_content_bottom {
	float: right;
	width: 477px;
	
	margin: 0 0 0 0;
	padding: 8px 4px 0 4px;
	background: url(Images/bg_content_main_bottom.jpg) repeat-x;
}
#main_2cols_content {
	float: right;
	width: 651px;
	
	padding: 8px 4px 0 8px;

	background: url(Images/bg_content_main.jpg) repeat-x;
}

#main_3cols_right {
	float: right;
	width:  170px;
	height: 100%;
	
	margin: 2px 0 0 0;
	padding: 8px 0px 0 2px;
	background: #edf8ff url(Images/bg_content_sidebar.jpg) repeat-x;
	
}

#main_3cols_right_bottom {
	float: right;
	width:  170px;
	
	margin: 2px 0 0 0;
	padding: 8px 0px 0 2px;
	background: #edf8ff url(Images/bg_content_sidebar_bottom.jpg) repeat-x;
	
}

#main_3cols_right_products p { margin: 16px 0 0 0; }
#main_3cols_right_products ul {
	list-style: outside disc;
	margin: 16px 5px 0 12px;
}

#main_3cols_right_products ul a { font-size: 12px; color: #000000; }

#main_3cols_right .main_3cols_right_img, #main_3cols_right_bottom .main_3cols_right_img {
	margin: 0 0 32px 0;
}
#main_3cols_right .main_3cols_right_img h4,#main_3cols_right_bottom .main_3cols_right_img h4 {
	color: #076299;
	margin: 0;
}
#main_3cols_right .main_3cols_right_img a, #main_3cols_right_bottom .main_3cols_right_img a {
	font-size: 12px !important;
}
#main_3cols_right .main_3cols_right_img img,#main_3cols_right_bottom .main_3cols_right_img img  {
	float: left;
	margin: 0 6px 0 0px;
}


p.bottom_main_menu {
	margin: 50px 0 10px 0;
}

#main_3cols_right p.form, #main_3cols_right_bottom p.form  {
	margin: 25px 0 0 0;
}

#main_3cols_content a {
	font-weight: bold;
}
#main_3cols_content h3, #main_3cols_content_bottom h3 { margin: 24px 0 1em 0 !important; }
#main_3cols_content img, #main_3cols_content_bottom img {
	 float: right;
	 padding: 0 0 0 0px;
}

#main_3cols_sidebar p #main_3cols_sidebar_bottom p {
	margin-left: 4px;
}
#main_3cols_sidebar a #main_3cols_sidebar_bottom a {
	font-weight: bold;
}
.main_3cols_left_article p {
	float: left;
	clear: both;
	width: 100%;
	
	margin: 4px 0 6px 0;
}
.main_3cols_left_article a {
	display: block;
	color: #000000;
}
.main_3cols_left_article img {
	float: left;
	
	margin: 8px 0 0 0;
}
#main_3cols_sidebar p, #main_3cols_sidebar_bottom p {
	clear: both;
}


.img_no_link {
	float: left;
	display: block;
	position: relative;
	left: -8px;
	margin: 6px 0;
}

a.sidebar_left_img, a.sidebar_right_img{
	float: left;
	display: block;
	position: relative;
	left: -8px;
	margin: 6px 0;
}
a#sidebar_newsletter_img {
	display: block;
	position: relative;
	left: -8px;
	margin: 20px 0;
}
a.sidebar_left_img img, a.sidebar_right_img img, .img_no_link {
	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
}



ul#sitemap_list {
	list-style: none;
	line-height: 2em;
}
ul#sitemap_list img { margin: 0 0.5em 0 0; }
ul.sitemap_list_inner {
	list-style: none;
	line-height: 2em;
	margin: 0 0 0 1em;
}
li.sitemap_list_inner_no_item { margin: 0 0 0 1em; }

#flash-ads {
	float: left;
	
	width: 660px;
	
	padding: 13px 0 13px 240px;
	
	background: url(Images/bg_2cols.gif) repeat-y;
}

#footer {
	float: left;
	
	width: 100%;
	background: url(Images/cnt_bot.gif) no-repeat -5px 0;

	text-align: right;
	
	padding: 10px 0 30px 0;
}



/* CONTENT */
.main_content
{
    width: 973px;
    margin: 0 auto;
}

.main_left_3columns
{
    width: 292px;
    padding-left: 5px;
    padding-right: 3px;
}

.main_right_3columns
{
    width: 162px;
    padding-left: 5px;
    padding-right: 3px;
}

.main_content_3columns
{
    width: 485px;
    padding-left: 5px;
    padding-right: 3px;
}

.main_content_2columns
{
    width: 660px;
    padding-left: 5px;
    padding-right: 3px;
}

.section_header
{
    background-color: #DEEECE;
    padding-top: 8px;
}

.section_content
{
    text-align: left;
    vertical-align: top;
    background-color: #F9F9F7;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 5px;
    padding-right: 5px;
}

.section_sidebar
{
    text-align: left;
    vertical-align: top;
    background-color: #EEF9FF;
}

.column_spacer
{
    width: 5px;
}
.row_spacer
{
    height: 5px;
}

a.BioKVisitedLink:visited
{
    color:Green;
}

.super_banner
{
    margin-top: 3px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: text-bottom;
    background-color: #DEEECE;
}




/* HEADER */
.header_content
{
    width: 973px;
    height: 75px;
    background: url(Images/bg_header.jpg) bottom repeat-x;
}
.header_branding
{
    float: left;
    width: 360px;
    height: 75px;
    text-align: center;
}
.header_search
{
    float: right;
    text-align: right;
    padding-top: 50px;
    padding-right: 20px;
}


/* FOOTER */
.footer {
	text-align: right;
	padding: 5px 5px 10px 0;
	background-color: Silver;
}


/* RSS & TEXR RESIZE */	
h2.rss  
{
    float: left;
}
p.rss_feed 
{
	float: right;
	clear: none !important;
	text-align: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
img.rss_img { float: none !important; }

p.rss_feed a.text_size_smaller, p.rss_feed a.text_size_bigger {	color: #4e4d4d; }

.text_size_smaller { font-size: 11px; }
.text_size a {
	margin: 0 1em 0 0;
}

.text_size_bigger { font-size: 13px; }
.text_size { font-weight: bold; }


/* Partenaire AVRIL */
.avril_left_col_header
{
    font-family: Times New Roman;
    font-size: 16pt;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 20px;
}

.asterisque_rouge
{
    color: Red;
    font-weight: bold;
}


/* Magasins */
.magasin
{
}
.magasin th
{
    background-color: #000084;
    color: White;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
}
.magasinRow td, .magasinAlternate td
{
    padding-right: 5px;
    padding-left: 5px;
}
.magasinRow tr, .magasinRow td
{
    background-color: #EEEEEE;
}
.magasinAlternate tr, .magasinAlternate td
{
    background-color: #DCDCDC;
}
.magasinPager tr, .magasinPager td
{
    background-color: #999999;
    text-align: center;
}
.magasinPager td
{
    padding-left: 5px;
}

/* Formulaire */
.formLabel
{
	font-size: 13px;
	font-weight: bold;
	color: #066199;
}

.asterisquerouge
{
	color: Red;
	font-weight: bold;
}

/*
 Formulaire de commande Lorna
*/

#order-form h1{
    font-size:200%;
}
#order-form table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#order-form th {
    font-weight:bold;
}
#order-form th, #order-form td {
padding:5px;
}
#order-form .rows input{
    width:30px;
}
#order-form .info input{
    width:350px;
}

#order-form .error-message {
    color:#f00;
}

#order-form #submit-order {
    font-size:200%;
    padding:5px;
    height:auto;
    width:auto;
}
#order-form .order-total-section{
    font-size:200%;
}
