/* ===================  Layout du CSS de Green Beaver  ========================= */

html { font: small/1.4 "Trebuchet MS", Arial, Tahoma, sans-serif; }
body { background-color:#FFF;  font-size: 94%; }
#wrap  { width:902px; padding:40px 0px 0px 11px; background:#FFF; margin-right:auto; margin-left:auto; margin-top:15px; }
#logo { margin-left:10px; margin-bottom:5px; height:28px; width:392px; }
h1 h3 { margin: 0px; padding: 0px; color:#424242; }
h3 { font-size:12px;  color:#06F; padding: 0px; margin: 0px; font-weight: bold; }
h4 { font-weight:bold; color:#06F; font-size:112%; margin:5px 0px 0px 5px; padding: 0px; }
h2 { font-weight:bold; color:#06F; font-size:115%; margin:5px 0 0 0px; padding: 0px;}
h4 a { text-decoration:none; font-weight:bold; color:#06F; }
h5 { font-weight:bold; color:#9b0404; font-size:105%; margin:3px 0 0 0; padding:0px; }
h6 { font-weight:bold; color:#06F; font-size:112%; margin:0px 0px 0px 0px; padding:0 0 0 0; }
p { margin: 0px; padding: 0px: }
.main { margin:0 3px 0px 3px; }
.home {}
li  { list-style:none; }
#coming_soon { height: 20px; width: 900px; margin-bottom:30px; }
#images_centre  { margin: 3px 0 0 0px; padding: 0px;}
.ecosert a { color:black; text-decoration:none }
.ecosert a:hover { color:#9b0404; text-decoration:underline; }

/*======== Custome page ======================*/
cms-home .main {margin:0 5px 20px 5px: }

/*======== Clear-Both pour tous le site ======================*/
.clear-block {clear:both; }

/*======== Spacer fleche ======================*/
.arrow-space1 { padding:  0px 16px 0px 16px; }
.arrow-space2 { padding:  0px 16px 0px 17px; }
.arrow-space3 { padding: 0 0 0 10px; display: inline; }
.arrow-space4 { padding: 0 0 0 15px; display: inline; }
.arrow-space5 { margin: 0 0px 0 5px; padding:0 0 0 5px;  }
.arrow-space6 { margin: 0px; padding: 0px;  }
.logo-space  { padding: 0 10px 0 0px; display: inline; }

/*  ==================  Petit menu du haut gauche HOME  ================== */

#home-nav { margin: 5px 20px 45px 500px; }
#home-nav li { float:left; border-left:1px solid #045900; display:inline; }
#home-nav a { float:right; color:#b90000; text-decoration:none; display:inline; }
#home-nav a:hover { color:#045900; }

/* ========== menu Tab Dynamique Green Beaver en anglais   ==================== */
#nav { font-size:98%; margin:0px; }
#nav { margin:0px; padding:0px; list-style-type:none; float:left; }
#nav li { padding:0px; float:left; margin:0px 0px 0px 1px; display:inline; background-color:#045900;
	     background-image: url(../images/tap_left.gif); background-repeat:no-repeat; }
#nav a { float:left; color:#FFF; text-decoration:none; line-height:2.5; background-image:url(../images/tap_right.gif);
	     background-repeat: no-repeat; background-position:right top;  padding-top:0px 0px 0px 0px;  display:inline; }
#nav a:hover { color:#F90; }
#nav_province { margin:0px; padding:0px; list-style-type:none; float:left; }
#nav_province li { }
#nav_province li a { }
#nav_province li a:hover {   }		 
#body_hair #nav_hair,#body_face #nav_face,#body_bod #nav_bod,
  #body_winter #nav_winter,#body_junior #nav_junior,#body_oral #nav_oral,
  #body_certified #nav_certified,#body_ingredients #nav_ingredients,#body_products #nav_products {
    background: #BEB06F url(../images/tab_left_active.gif) no-repeat; }
#body_hair #nav_hair,#body_face #nav_face,#body_bod #nav_bod,
    #body_winter #nav_winter,#body_junior #nav_junior,#body_oral #nav_oral,
	#body_certified #nav_certified,#body_ingredients #nav_ingredients,#body_products #nav_products{
  background: url(../images/tab_right_active.gif) no-repeat top right;
  color: #1A1303; }
  
/* ========== menu Tab Dynamique Green Beaver  en francais   ==================== */  
#fr_nav { font-size:95%; margin:0px; }
#fr_nav { margin:0px; padding:0px; list-style-type:none; float:left; }
#fr_nav li { padding:0px; float:left; margin:0px 0px 0px 1px; display:inline; background-color:#045900;
	     background-image: url(../images/tap_left.gif); background-repeat:no-repeat; }
#fr_nav a { float:left; color:#FFF; text-decoration:none; line-height:2.5; background-image:url(../images/tap_right.gif);
	     background-repeat: no-repeat; background-position:right top;  padding-top:0px 0px 0px 0px;  display:inline; }
#fr_nav a:hover { color:#F90; } 
#fr_body_hair #fr_nav_hair,#fr_body_face #fr_nav_face,#fr_body_bod #fr_nav_bod,
  #fr_body_winter #fr_nav_winter,#fr_body_junior #fr_nav_junior,#fr_body_oral #fr_nav_oral,
  #fr_body_certified #fr_nav_certified,#fr_body_ingredients #fr_nav_ingredients,#fr_body_products #fr_nav_products {
    background: #BEB06F url(../images/tab_left_active.gif) no-repeat; }
#fr_body_hair #fr_nav_hair,#fr_body_face #fr_nav_face,#fr_body_bod #fr_nav_bod,
  #fr_body_winter #fr_nav_winter,#fr_body_junior #fr_nav_junior,#fr_body_oral #fr_nav_oral,
  #fr_body_certified #fr_nav_certified,#fr_body_ingredients #fr_nav_ingredients,#fr_body_products #fr_nav_products {
  background: url(../images/tab_right_active.gif) no-repeat top right;
  color: #1A1303; }


/* ===============      la section 3 colonnes du bas ======================= */
#news_letter  { width:295px; height:180px; }
#retailer  { margin-top:5px; width:295px; height:180px; float:right; position:absolute; left:559px; top:782px; }

/*===============   Footer bas du site 4 colonnes ==============================*/
/*#dotte-line { float:right; margin: 6px 0px 8px 0px; }*/

.footer { margin:10px 0px 5px -8px; background: url(../images/dotte_line.gif) height:auto;}
.indent-footer { padding:8px 0 10px 0px; margin:0 6px 0 0px;}
/*.footer.small-menu { padding:0 0 0 0; text-align:left; margin:0 0 0 0;}*/
/*.footer p { text-align:left; font-size:11px; line-height:14px; color:#424242; margin:0 29px 0 0px; }*/
.footer .list-block { float:left; width:225px;  }
.footer .list-block2 { float:left; width:225px; }

.footer ul {float:left; width:180px; margin: 0 10px 0 0px; }
.footer ul { padding: 0px; margin:0 0 0 15px; list-style:none; }
.footer ul li { background:url(../images/carre_fleche_red.gif) left 5px no-repeat; font-size:12px; line-height:18px; color:#9d9d9d; padding:0 0 0 6px; }
.footer ul li.last { padding: 0 0 0 6px;  }
.footer ul li a { color:#424242; text-decoration:underline; }
.footer ul li a:hover { text-decoration:none; }
.footer .top-links { background:url(../images/dotte.gif) left 10px repeat-x; margin:0px; padding:18px 0px 0px 0px; }
.footer .top-links ul { width:auto; padding:0 20px 0 0; margin:0px; }
.footer .top-links ul li {background:url(../images/double_fleche.gif) left 6px no-repeat; padding:0 10px 0 6px;
                           margin:0 0px 0 15px; display:inline; color:#424242; }
/*.footer .top-links ul li {background:url(../images/double_fleche.gif) left 6px no-repeat; padding:0 8px 0 8px;
                           margin:0 4px 0 4px; display:inline; color:#424242; }*/						   
.footer .top-links ul li a { font-size:12px; line-height:14px; font-weight:bold; color:#424242; text-decoration:none; }
.footer .top-links ul li a:hover { text-decoration:underline; }
.footer .top-links ul li.last { background:none; }
.footer label { font-size:10px; }
#left {float:left; margin:0 0 0 15px; }
#left #leftcolor {text-decoration:none; color:#424242; }
#left #leftcolor a:hover {color:#045900 }

#right { text-align:right; color:#045900; margin:0 15px 0 0; }

.legality { padding:3px 0 0 15px;}

.buttom { margin-top:5px;  }
.subscribe-footer { float:right; width:185px; padding:1px 45px 0 0; }
.subscribe-footer label { display:block; font-size:12px; line-height:16px; color:#424242; font-weight:bold; padding:0 0 5px 0; }
.subscribe-footer input { width:176px; padding:1px; border-top:1px solid #7f7f7f; border-left:1px solid #7f7f7f;
                          border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; margin:0px ; }
.subscribe-footer-buttom { padding:6px 0 0 0; margin:0 0 0 -3px; }


/* ===================== BLOCK SUBSCRIBE =======================*/
.block-subscribe {}
.block-subscribe .block-content { padding-right:10px; padding-bottom:18Px; }
.block-subscribe .block-content label { font-size:11px; line-height:28px; color:#767373; }
.block-subscribe .block content input { border:1px solid #d8d7d7; width:168px; margin:0 0 8px 0; }
.block-subscribe .block-content button.button { float:right; margin:0 22px 0 0;  }

/* ===================== FIN DE LA PAGE BLOCK SUBSCRIBE =======================*/

/* ============================= BREADCRUMBS =============================*/
.breadcrumbs { width: 400px; }
.breadcrumbs .title-breadcrumbs { display:none;  }
.breadcrumbs li { display:inline; color:#424242;  padding:0 0 0 0px; margin:0 0 0 0px; }
/*.breadcrumbs li a {color:#424242; text-decoration:none; font-weight:bold;  }
/*.breadcrumbs li a:hover { font-weight:bold; text-decoration:underline;  }
.breadcrumbs li strong { font-weight:normal; }*/

/* ============================= PAGE PRODUITS =============================*/

/*======== Colonne de base ======================*/	
.col-main { float:left; width:902px; padding:0px; } 
.col2-layout { float:left; width:500px; padding: 20px 10px 0 10px; }
.col2-layout ul { padding:0 0 0 15px; margin:20px 0 30px 0px; list-style:none; }
.col2-layout li { list-style:none; background:url(../images/carre_fleche.gif) left 5px no-repeat; color:#424242; padding:0 0 0 0px; }
.col2-layout ul li.last { padding:0 0 0 5px; }
.col2-layout ul li a { color:#424242; text-decoration:underline; }
.col2-layout ul li a:hover { text-decoration:none; }
.col3-layout .col-main { width:300px; margin-left:16px; }
.col3-set .col-1 { float:left; width:280px; margin:0 0px 0 5px; text-align:justify; }
.col3-set .col-2 { float:left; width:278px;  margin:0 0px 0 18px; text-align:justify; }
.col3-set .col-3 { float:right; width:280px;  margin:0 26px 0 0px; text-align:justify; }
.col3 li { list-style:none;  }
.col-main-store { float:left; width:280px; margin: 0 10px 0 5px; text-align:justify; }
.col-main ul.links {float:left; }
.col-main .col-1 ul { padding:0 0 0 50px; margin:20px 0 30px 0px; list-style:none; }
.col-main .col-1 li { list-style:none; background:url(../images/carre_fleche.gif) left 5px no-repeat; color:#424242; padding:0 0 0 0px; }
.col-main .col-1 ul li.last { padding:0 0 0 5px; }
.col-main .col-1 ul li a { color:#424242; text-decoration:underline; }
.col-main .col-1 ul li a:hover { text-decoration:none; }
.images-products { margin:5px 10px 10px 90px; }
.images-products-junior {margin:5px 10px 10px 75px }
.images-products-lip {margin:15px 10px 10px 15px }
.images-products-hand {margin:5px 10px 10px 60px }

/* ============================= PAGE DES PROVINCES =============================*/

#province { height: 10px; width:900px; margin-top:10px; margin-left:10px; margin-bottom:10px; }
table, li { font:95%; line-height:160%; color:#333; }
table { margin: 6px 0px 0 4px; width:880px; border-collapse:collapse;  }
th, td { border: 1px solid #e4ede0; padding: 2px 5px; }	
th { background: #e4ede0; text-align: left; color: #045900; }

/* ============================= PAGE DES ONLINE STORE =============================*/

.images-onstore { margin:5px 20px 10px 20px; }

/* ============================= ALPHABET =============================*/
.alphabet { font-family:Arial, Helvetica, sans-serif; color:#424242; font-size:110%; font-weight:bold; }
#alphabet_id ul li { display:inline; margin: 0 20px 0 0; }
#alphabet_id ul li a { text-decoration:underline; color:#424242; }
#alphabet_id ul li a:hover { text-decoration:none; color:#900}
p.floater  { float: right; margin-top:-2em; margin:0; }
p.floater a  {text-decoration:underline; color:#045900; font-weight:bold; }
p.floater a:hover  {text-decoration:none; color:#900; }
#container_glossery { width:800px; margin: 0 50px 0 50px; }

/* ==================    fin du menu     ===================== */