/* Start of CMSMS style sheet 'rapidsnack : menu_col' */
   #tabs_left {
      float:left;
      width:100%;
      background:#ffffff;
      }
    #tabs_left ul {
	margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
      }
    #tabs_left li {
      display:inline;
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #tabs_left a {
      float:left;
      background:url("images/rapidsnack/btn/left_left.gif") no-repeat left top;
      margin:0;
      padding:0 0px 0 0px;
      text-decoration:none;
      width:140px;
      }
    #tabs_left a span {
      float:left;
      display:block;
      background:url("images/rapidsnack/btn/left_right.gif") no-repeat right top;
      padding:8px 2px 2px 6px;
      color:#333;
      height:32px;
      }
    /* Début du hack IE5-Mac \*/
    #tabs_left a span {float:none;}
    /* Fin du hack IE5-Mac */
    #tabs_left a:hover span {
      color:#000;
      cursor:pointer;
      }
    #tabs_left a:hover {
      background-position:0% -49px;
      color:#fff;
      cursor:pointer;
      }
    #tabs_left a:hover span {
      background-position:100% -49px;
      color:#fff;
      cursor:pointer;
      }  
    #tabs_left .pagecourante_left {
      background-position:0% -49px;
      color:#fff;
      cursor:pointer;
      }
    #tabs_left .pagecourante_left span {
      background-position:100% -49px;
      color:#fff;      
      cursor:pointer;
      }

/*-------------------------------------------------------*/

  #tabs_right {
      float:left;
      width:100%;
      background:#ffffff;
      }
    #tabs_right ul {
	margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
      }
    #tabs_right li {
      display:inline;
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #tabs_right a {
      float:left;
      background:url("images/rapidsnack/btn/right_left.gif") no-repeat left top;
      margin:0;
      padding:0 0px 0 0px;
      text-decoration:none;
      width:140px;
      }
    #tabs_right a span {
      float:left;
      display:block;
      background:url("images/rapidsnack/btn/right_right.gif") no-repeat right top;
      padding:8px 2px 2px 6px;
      color:#333;
      height:32px;
      }
    /* Début hack IE5-Mac \*/
    #tabs_right a span {float:none;}
    /* Fin hack IE5-Mac */
    #tabs_right a:hover span {
      color:#fff;
      cursor:pointer;
      }
    #tabs_right a:hover {
      background-position:0% -49px;
      color:#fff;
      cursor:pointer;
      }
    #tabs_right a:hover span {
      background-position:100% -49px;
      color:#fff;
      cursor:pointer;
      }  
    #tabs_right .pagecourante_right {
      background-position:0% -49px;
      color:#fff;
      cursor:pointer;
      }
    #tabs_right .pagecourante_right span {
      background-position:100% -49px;
      color:#fff;      
      cursor:pointer;
      }

/* End of 'rapidsnack : menu_col' */

/* Start of CMSMS style sheet 'rapidsnack : menu_sub' */
/* Menu horizontal */
/* par Marc-André Baril */
/* inspiré du travail d'Alexander Endresen */

/* POSITION */
#primary-nav_sub{
        list-style: none; 
	margin: 0px; 
	padding: 0px;
       }
#primary-nav_sub ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav_sub ul {
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav_sub ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
#primary-nav_sub li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav_sub li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* APPARENCE */
#primary-nav_sub a { 
        background-color: #ffffff;
	display: block; 
	padding: 4px 10px; 
        border-top:0px solid #333;
	}
#primary-nav_sub li a {
	border-left: 1px solid #333;
	}
#primary-nav_sub li li a { 
       	}	
#primary-nav_sub li{
        }
#primary-nav_sub li.menuparent { 
	}

/* INTERACTIVITÉ */
/*
#primary-nav_sub li.menuactive_sub { 
        border: 1px solid #000000;
	}*/

#primary-nav_sub a.menuactive_sub { 
        background-color: #fff;
        color:#000;
        font-weight: bold;
        text-decoration: underline;
	}

#primary-nav_sub a:hover {
        background-color: #fff;
        color:#000;
        font-weight: bold;
        text-decoration: underline;
}

#primary-nav_sub li:hover ul, #primary-nav_sub ul li:hover ul, #primary-nav_sub ul ul li:hover ul, #primary-nav_sub ul ul ul li:hover ul,
#primary-nav_sub li.menuparenth ul, #primary-nav_sub ul li.menuparenth ul, #primary-nav_sub ul ul li.menuparenth ul, #primary-nav_sub ul ul ul li.menuparenth ul { 
	display: block; 
	}

/* IE Hacks */
#primary-nav_sub li li { 
	float: left; 
	clear: both; 
	}
#primary-nav_sub li li a { 
	height: 1%; 
	}

#primary-nav_sub li li {width: 200px; }
/* End of 'rapidsnack : menu_sub' */

/* Start of CMSMS style sheet 'rapidsnack : menu_onglets' */
   #tabs {
      width:695px;
      height:43px;
      margin-left:5px;
      padding-top:10px; 
      padding-left:10px;
      }
    #tabs ul {
	margin:0px;
        padding:0px 0px 0px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      }
    #tabs a {
      float:left;
      background:url("images/rapidsnack/btn/top_left.gif") no-repeat left top;
      margin:0;
      padding-left:4px;
      text-decoration:none;
      width:165px;
      border-bottom:1px solid #000;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/rapidsnack/btn/top_right.gif") no-repeat right top;
      padding:12px 15px 4px 6px;
      color:#666;
      height:26px;
      }

    /* Début hack IE5-Mac \*/
     #tabs a span {float:none;}
    /* Fin hack IE5-Mac */

    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      color:#ffff99;
      cursor:pointer;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      color:#FFF;
      cursor:pointer;
      }  
    #tabs .pagecourante {
      background-position:0% -42px;
      color:#FFF;
      cursor:pointer;
      }
    #tabs .pagecourante span {
      background-position:100% -42px;
      color:#FFF;
      cursor:pointer;
      }
/* End of 'rapidsnack : menu_onglets' */

/* Start of CMSMS style sheet 'rapidsnack : wireframe' */
/* RAPID SNACK INC. - Wireframe pur CSS */

/* Auteur : Marc-André Baril */
/* Date : 23 mai 2008 */

/*--- HTML */
html{height:100%; margin-bottom:1px;}
html,body{background:url(images/rapidsnack/background.gif) repeat-y top center #fff; color:#404040; line-height:1.2em; margin:0; min-width:1000px; text-align:center;}

/*--- BOX */
div#box{width:1000px; margin: 10px auto;}
        /*--- IE6 - FIX */
* html body div#box{width:1003px; margin: 10px auto;}

/*--- PAGE */
div#page{margin:0px; text-align:left;}

/*--- CONTENT */
div#content{margin:0px 0 0px; padding:0px;}

/*--- CONTENTBOX */
div#contentbox{margin:0px; padding:0px;}

/*--- LEFTCOLBLOCK */
div#leftcolblock{float:left; width:145px; margin:0 0 0px; padding:0px; height:600px; display:block;}
html>body #leftcolblock{height:auto; min-height:600px;} 

div#leftcolblock-home{float:left; width:145px; margin:0 0 0px; padding-top:15px; height:600px; display:block;}
html>body #leftcolblock-home{height:auto; min-height:600px;} 

        /*--- IE6 - FIX */
* html body div#leftcolblock{margin-top:0px;}

/*--- LEFTBLOCK */
div#leftblock{padding:0px 0px;}

/*--- WRAPPER */
div#wrapper{float:left; width:710px; height:100%; display:inline;}

/*--- RIGHTCOLBLOCK */
div#rightcolblock{float:left; width:145px; margin:0 0 0px; padding:0px; height:600px; display:block;}
html>body #rightcolblock{height:auto; min-height:600px;} 

div#rightcolblock-home{float:left; width:145px; margin:0 0 0px; padding-top:15px; height:600px; display:block;}
html>body #rightcolblock-home{height:auto; min-height:600px;} 

        /*--- IE6 - FIX */
* html body div#rightcolblock{margin-top:0px;}

/*--- RIGHTBLOCK */
div#rightblock{padding:0px 0px;}

/*--- HEADERBLOCK */
div#headerblock{width:710px; height:100px; margin:0 auto 0px; padding:0px;}

/*--- HOMELANG */
div#homelang{height:11px; margin-left:0px; margin-right:20px; padding-top:0px;}
   div#home{float:left; margin-left:8px;}
   div#lang{float:right; margin-right:3px;}

/*--- MENU */
div#menu1{height:49px; width:710px; margin:0px; padding:0px;}

/*--- SUBMENU */
div#submenu{height:20px; width:690px; padding:0px; margin-left:16px;}

/*--- MAINBLOCK */
div#mainblock{width:710px; margin:0 auto 0px; padding:0px;}

/*--- MAIN */
div#main {padding:10px 20px; margin-top:2px; height:430px;}
html>body #main{height:auto; min-height:430px;}

/*--- PUBBLOCK */
div#pubblock{width:710px; margin:0px auto 0px; padding:0px;}

/*--- PUB */
div#pub{padding:10px; margin:0px;}

/*--- FOOTER */
div#footer{float:left; width:1000px; margin:0px auto 0px; padding:0px;}

/* CLEARFIX + Note: display:block; cause prob - hack*/
.clearfix:after {
	content: ".";
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/*
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
*/

* html .clearfix {height: 1%;}

/* BORDURES */
#box, #page, #content, #contentbox, #leftcolblock, #leftcol, #rightcolblock, #rightcol, #headerblock, #homelang, #menu, #submenu, #mainblock, #main, #pubblock, #pub, #footer {border: 0px solid #000}

/* End of 'rapidsnack : wireframe' */

/* Start of CMSMS style sheet 'rapidsnack : style' */
/* CSS style général | rapidsnack.com */
/* Marc-André Baril | info@in-tense.info*/
/* 31 mai 2008 */

/* --------------------------------------------------------GÉNÉRIQUE */
h1,h2,h3,h4,h5,h6 {font-family:Verdana, sans-serif;
                           color:#333333;
}

body {
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.3;
}

/*strong, b {font-weight: bold;}*/

p {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 0em;
    margin-bottom: 1.3em;
}

ul {
    line-height:1.3;
    margin-top:5px;
    margin-bottom:0px;
}
ul li {line-height:1.3;
    margin-bottom:8px;
}

img {border: 0;}

/* ---------------------------------------------------HYPERLIENS*/
a, a:link, a:active {
        color: #3366cc;
	text-decoration: underline;
        font-size:11px;
	}
a:visited {
        color: #000066;
	text-decoration: underline;
        font-size:11px;
	}

/* ----------------------------------------------------MENU_ONGLETS */
#tabs a {
      font-size:12px;
      line-height:normal;
      text-align:center;
      font-weight:bold;
}
/* ----------------------------------------------------MENU_GAUCHE */
#tabs_left a {
      font-size:11px;
      line-height:normal;
      text-align:center;
      font-weight: bold;
      }
/* ----------------------------------------------------MENU_DROITE */
#tabs_right a {
      font-size:11px;
      line-height:normal;
      text-align:center;
      font-weight: bold;
      }
/* ----------------------------------------------------SOUS_MENU */
#primary-nav_sub a { 
      text-decoration: none; 
      font-weight: bold;
      font-size: 11px;
      color:#000;
}
/* --------------------------------------------------------------------COULEURS*/
/*-------------------------------------------------------SECTIONS GÉNÉRALES */
div#about p {font-size:11px;}
div#history {font-size:11px;}
div#news {font-size:11px;}
div#awards p {font-size:12px;}
div#environment p, div#environment{font-size:11px;}
div#research-developement p, div#research-developement{font-size:11px;}
div#quality p, div#quality {font-size:11px;}


div#contact p {font-size:12px;}
div#carrier, div#carrier p {font-size:11px;}
div#legal p {font-size:11px;}
div#partners p {font-size:11px;}

/*-------------------------------------------------------CLASSIQUES */
div#classic p {color:#cc6633; font-size:12px;}
div#private-labels-classic {color:#cc6633; font-size:12px;}
div#products-classic, div#products-classic ul li {color:#cc6633; font-size:12px;}

/*-------------------------------------------------------VITALITÉ */
div#vitality {color:#666633; font-size:12px;}
div#private-labels-vitality {color:#666633; font-size:12px;}
div#products-vitality, div#products-vitality ul li {color:#666633; font-size:12px;}
.ingredient {font-size: 10px}

/* --------------------------------------------------------------------TITRES*/
	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h2 {
		font-size: 1.5em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0 15px;
	}
	h3 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	h4 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0 10px;
	}
	h6 {
		font-size: 0.9em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* --------------------------------------------------------------------STYLE-TAGS*/
.style-footer:link, .style-footer:visited, .style-footer:active { 
        background-color: #ffffff; 
        color :#000066;
	padding: 0px 5px; 
	text-decoration: none;
        font-size: 11px; 
        line-height: 1;
	}

.style-footer:hover {
	text-decoration: underline;
}

.style-footer2:link, .style-footer2:visited, .style-footer2:active { 
        background-color: #ffffff; 
        color :#000000;
	padding: 0px 5px; 
	text-decoration: none;
        font-size: 9.5px; 
        line-height: 1;
	}

.style-footer2:hover {
	text-decoration: underline;
}

.copyright {
        float:right;
}

.style-copyright {
        background-color: #ffffff; 
        color :#333333;
	padding: 0px 0px; 
	text-decoration: none;
        font-size: 8pt; 
        text-align:right;
}

.style-copyright2, .style-copyright2 a{
        text-align: right;
	text-decoration: none;
        font-size: xx-small; 
        background-color: #ffffff; 
        color :#000000;
        line-height:1.4;
}

.style-copyright2 a {
	font-weight:bold;
}

.style-copyright2 a:hover {
        text-decoration:underline;
}

div#home {
       padding-left:10px;
       padding-top:0px;
}

.style-home:link, .style-home:visited, .style-home:active {  
        background-color: #ffffff; 
        color :#000066;
	text-decoration: none;
        font-size: 8pt; 
	}

.style-home:hover {  
        background-color: #ffffff; 
        color :#000066;
	text-decoration: underline;
        font-size: 8pt; 
	}

.style-welcome {  
        background-color: #ffffff; 
        color :#000066;
	text-decoration: none;
        font-size: 8pt; 
}

.breadcrumbs {  
        background-color: #ffffff; 
        color :#333333;
	text-decoration: none;
        font-size: 8pt; 
}

.style-lang:link, .style-lang:active, .style-lang:visited { 
        background-color: #ffffff; 
        color :#000066;
	padding: 0px 0px; 
	text-decoration: none;
        font-size: 8pt; 
	}

.style-lang:hover { 
        background-color: #ffffff; 
        color :#000066;
	padding: 0px 0px; 
	text-decoration: underline;
        font-size: 8pt; 
	}

.style-lang { 
        background-color: #ffffff; 
        color :#000066;
	padding: 0px 0px; 
	text-decoration: underline;
        font-size: 8pt; 
	}

.email_pub {font-size: 12pt;}

.referencement {padding-left: 70px; 
                       padding-right:70px;
                       padding-top:10px;
                       padding-bottom:20px;
                       font-size: xx-small;
                       text-align:center;
                       color:#999999;}


#tout {width:670px; border: 0px solid #000;}
/* --------------------------------------------------------------------SLIDESHOW_CLASSIC*/
#introClassic { width:670px; height:90px; padding:0px; margin:0px; border: 0px solid #000;}

#classic_container{ width:670px; height:250px; border: 0px solid #000; }
#menuClassic {float:left; margin-left:0px; margin-top:10px;}
#slideshowClassic {float:left; margin-top: 15px; margin-left: 0px}

#navClassic { width: 460px; padding:0px 0px; margin:0px;}
#navClassic li { width: 80px; float:left; margin-left: 5px; margin-bottom:0px; list-style: none }
#navClassic a { width: 80px; padding: 3px; display: block; border:0px solid #fff; text-decoration: none;}
#navClassic a.activeSlide { background: #ff9933 }
#navClassic a:focus { outline: none; }
#navClassic img { border: none; display: block }

.picsClassic { height: 200px; width: 200px; padding:0px; margin:0px; overflow: hidden }
.picsClassic img { height: 200px; width: 200px; padding:0px; border: 0px solid #000; background-color: #fff; top:0; left:0 }

.lstClassic { background-color: #ffffff; color :#000000; padding: 0px; padding-bottom:5px;  font-size: xx-small;  text-align:center;}
		
/* --------------------------------------------------------------------SLIDESHOW_VITALITY*/
#introVitality { width:670px; height:90px; padding:0px; margin:0px; border: 0px solid #000;}

#vitality_container{ width:670px; height:350px; border: 0px solid #000; }
#menuVitality {float:left; margin-left:0px; margin-top:10px;}
#slideshowVitality {float:left; margin-top: 35px; margin-left: 0px}

#navVitality { width: 420px; padding:0px 0px; margin:0px;}
#navVitality li { width: 80px; float:left; margin-right: 15px; margin-bottom:0px; list-style: none }
#navVitality a { width: 80px; padding: 3px; display: block; border:0px solid #000; text-decoration: none;}
#navVitality a.activeSlide { background: #cccc66; }
#navVitality a:focus { outline: none; }
#navVitality img { border: none; display: block }

.picsVitality { height: 250px; width: 250px; padding:0px; margin:0px; overflow: hidden }
.picsVitality img { height: 250px; width: 250px; padding:0px; border: 0px solid #000; background-color: #fff; top:0; left:0 }

.lstVitality { background-color: #ffffff; color :#000000; padding: 0px; padding-bottom:5px;  font-size: xx-small;  text-align:center;}

/* --------------------------------------------------------------------BACKGROUND*/
div#mainblock, div#headerblock, div#pubblock, div#leftcolblock, div#rightcolblock{background-color:#fff;}
/* End of 'rapidsnack : style' */