/* Feuille de style de Supradyn */

/* General */

body {
	background : #fff;
	color: #000;
	font-family: "lucida grande",arial,verdana,sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
	text-align: left;
}
a, a:visited, a:active {
	color : #a00;
	text-decoration: none;
	outline: none;
}

a:hover {
	color : #a00;
	text-decoration: underline;
	outline: none;
}

a img { border: 0 none; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

.fleft { float: left; }
.fright { float: right; }

.cl, .cl5, .cl10, .cl20 { clear:both; visibility:hidden; font-size:1px; line-height: 0; height: 0;}
.cl5 { height: 5px; line-height: 5px; }
.cl10 { height: 10px; line-height: 10px; }
.cl20 { height: 20px; line-height: 20px; }
.clear {clear:both}

.dnone { display: none; }

/** html .clear, * html .cl {height:auto;margin-bottom:0;} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and Safari only. If IE 5.x Win DID display these, the page is too high ***/

table {font-size:inherit}
caption, legend, td, th	{
	font-size: 1em;
}

form p.error, .error {
	color: #a00 !important;
	margin-bottom: 5px !important;
}
.info-bloc .error b {
	color: #a00 !important;
}
#feedback {
	/*border: 1px solid #ccc;*/
	margin-bottom: 10px;
	/*padding: 3px 4px;*/
}
#feedback .success, #feedback .error, #feedback .alert, #feedback .info {
	/*padding-left: 20px;*/
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
}
#feedback .error {color: #a00;}

/*---------------------------------- Structure -------------------------------*/
#container {
	width: 1088px;
	margin: 0 auto;
	background: url('../images/fond_repeat.png') repeat-y scroll bottom left;
	text-align: center;
}
.intensia #container {background: url('../images/fond_repeat_intensia.png') repeat-y scroll bottom left;}

#wrapper {}

#header {
	width: 1088px;
	height:129px;
}
#main {
	width: 1088px;
}
body#home #main {
	height: 681px;
	background: url('../images/fond_home.jpg') no-repeat scroll 0 0;
	display: block;
}
body.generique #main , body#gamme #main {
	min-height: 898px;
}
/* Generique */
body.generique #main { background: url('../images/generique/fond_generique.jpg') no-repeat scroll 0 0;}
body#faq #main { background: url('../images/generique/fond_generique_corps.jpg') no-repeat scroll 0 0;}

/* Expertise */
body#expertise #main { background: url('../images/expertise/fond_expertise_corps.jpg') no-repeat scroll 0 0;}
body#expertise.histoire #main { background: url('../images/expertise/fond_expertise_histoire.jpg') no-repeat scroll 0 0;}
body#expertise.vitamines-energie #main { background: url('../images/expertise/fond_expertise_corps.jpg') no-repeat scroll 0 0;}
body#expertise.fatigue-vitamine #main { background: url('../images/expertise/fond_expertise_baisse.jpg') no-repeat scroll 0 0;}

/* Notre Gamme */
body#gamme #main { background: url('../images/fond_gamme.jpg') no-repeat scroll 0 0;}
body#gamme.intensia #main { background: url('../images/intensia/fond_intensia.jpg') no-repeat scroll 0 0;}
body#gamme.magnesia #main { background: url('../images/magnesia/fond_magnesia.jpg') no-repeat scroll 0 0;}
body#gamme.boost #main { background: url('../images/boost/fond_boost.jpg') no-repeat scroll 0 0;}
body#gamme.double #main { background: url('../images/double/fond_double_action.jpg') no-repeat scroll 0 0;}
body#gamme.vital #main { background: url('../images/vital/fond_vital50.jpg') no-repeat scroll 0 0;}

/* Energie et vitamines */
body#vitamines.vitamine #main { background: url('../images/energie/fond_vitamine.jpg') no-repeat scroll 0 0;}
body#vitamines.oligo-elements #main { background: url('../images/energie/fond_oligo.jpg') no-repeat scroll 0 0;}
body#vitamines.faq #main { background: url('../images/energie/fond_faq.jpg') no-repeat scroll 0 0;}

/* Expertise */
body#expertise.secret #main { background: url('../images/expertise/fond_secret.jpg') no-repeat scroll 0 0;}

/* Pages */
body#plan-du-site #main { background: url('../images/generique/fond_sitemap.jpg') no-repeat scroll 0 0; }
body#legal #main { background: url('../images/generique/fond_mentions.jpg') no-repeat scroll 0 0; }
body#contact #main { background: url('../images/generique/fond_contact.jpg') no-repeat scroll 0 0; }
body#newsletter #main { background: url('../images/generique/fond_newsletter.jpg') no-repeat scroll 0 0; }
body#coaching_forme #main { background: url('../images/generique/fond_coaching_forme.jpg') no-repeat scroll 0 0; }
body#operation-supradyn-intensia #main { background: url('../images/generique/fond_liberez_energie.jpg') no-repeat scroll 0 0; }

/*---------------------------------- Header ----------------------------------*/
h1#logo {
	width: 408px;
	height: 129px;
	float: left;
	padding : 0 !important;
}
h1#logo a {
	width: 408px;
	height: 129px;
	display:  block;
	text-decoration: none;
	text-indent: -700em;
	overflow: hidden;
}
body#home h1#logo {background: url('../images/logo_home.png') no-repeat scroll 0 0;}

/* Template generique */
body.generique h1#logo {background: url('../images/generique/logo_generique.png') no-repeat scroll 0 0;}

/* Template expertise */
body#expertise h1#logo {background: url('../images/generique/logo_generique.png') no-repeat scroll 0 0;}

/* Notre gamme */
body#gamme h1#logo {background: url('../images/logo_gamme.png') no-repeat scroll 0 0;}
body#gamme.intensia h1#logo {background: url('../images/intensia/logo_intensia.png') no-repeat scroll 0 0;}
body#gamme.magnesia h1#logo {background: url('../images/magnesia/logo_magnesia.png') no-repeat scroll 0 0;}
body#gamme.boost h1#logo {background: url('../images/boost/logo_boost.png') no-repeat scroll 0 0;}
body#gamme.double h1#logo {background: url('../images/double/logo_double_action.png') no-repeat scroll 0 0;}
body#gamme.vital h1#logo {background: url('../images/vital/logo_vital50.png') no-repeat scroll 0 0;}

/* Expertise Supradyn */
body#expertise.secret h1#logo {background: url('../images/expertise/logo_secret.png') no-repeat scroll 0 0;}

/* Energie & vitamines */
body#vitamines.vitamine h1#logo {background: url('../images/energie/logo_roue.png') no-repeat scroll 0 0;}
body#vitamines.oligo-elements h1#logo {background: url('../images/energie/logo_roue.png') no-repeat scroll 0 0;}

/* Coaching Forme */
/*generique*/
.header-right {
	float: left;
	width: 679px;
	height: 129px;
	background: url('../images/header_right_bg_right.png') no-repeat scroll top right;
}
.header-right-top {
	width: 616px;
	height: 75px;
}
.header-right-top-left {
	background: url('../images/top_header.png') no-repeat scroll 0 0;
	float: left;
	width: 378px;
	height: 75px;
}
/*.header-right-top h2 {*/
.header-right-top-right {
	float: left;
	background: url('../images/logo_bayer.png') no-repeat scroll 0 0;
	width : 238px;
	height : 75px;
}
.header-right-top-right p {
	margin: 55px 0 0 61px;
	color : #0090D2;
}
.header-right-top-right p a {
	color : #0090D2;
	text-decoration: none;
	text-transform: uppercase;
}

/*---------------------------------- Header : Menu ---------------------------*/
ul#menu, ul#menu li {
	list-style-type: none;
}
ul#menu li {float: left;}
ul#menu li a.first-level, ul#menu li.menu-expertise, ul#menu li.menu-gamme, ul#menu li.menu-energie, ul#menu li.menu-coaching-forme, .menu-video a {
	height: 54px;
}

ul#menu li.menu-expertise, ul#menu li.menu-gamme, ul#menu li.menu-energie, ul#menu li.menu-coaching-forme {
	position: relative;
}
ul#menu li a.first-level {
	overflow: hidden;
	text-indent: -700em;
}
ul#menu li.menu-expertise a.first-level {
	width: 155px;
	display: block;
}
ul#menu li.menu-gamme a.first-level {
	width: 128px;
	display: block;
}
ul#menu li.menu-energie a.first-level {
	width: 156px;
	display: block;
}
ul#menu li.menu-coaching-forme a.first-level {
	width: 125px;
	display: block;
}
ul#menu img {
	display: block;
}
ul#menu li.menu-video {
	background: url('../images/menu_spottv.png') no-repeat scroll 0 0;
	width: 52px;
	height: 54px;
}

/* listes de deuxième niveau */
ul#menu li ul {
	position: absolute;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	height: auto;
	font-weight: normal;
}
ul#menu li.menu-expertise ul { width: 155px; }
ul#menu li.menu-gamme ul { width: 128px; }
ul#menu li.menu-energie ul { width: 156px; }
ul#menu li.menu-coaching-forme ul { width: 125px; }

ul#menu li:hover ul { left: auto; }
ul#menu li.sfhover ul, ul#menu {left: 0;}

ul#menu li.menu-expertise ul {background: url('../images/fond_menu_expertise.png') no-repeat scroll bottom left;}
ul#menu li.menu-gamme ul {background: url('../images/fond_menu_gamme.png') no-repeat scroll bottom left;}
ul#menu li.menu-energie ul {background: url('../images/fond_menu_energie.png') no-repeat scroll bottom left;}
ul#menu li.menu-coaching-forme ul {background: url('../images/fond_menu_coaching_forme.png') no-repeat scroll bottom left;}

ul#menu li ul li a.second-level {
	font: bold 1.1em Arial,Verdana,sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 3px 8px 3px 10px;
	vertical-align: middle;
	background: none !important;
	display: block;
}
ul#menu li.menu-expertise ul li a {width: 137px;}
ul#menu li.menu-gamme ul li a {width: 110px;}
ul#menu li.menu-energie ul li a {width: 137px;}
ul#menu li.menu-coaching-forme ul li a {width: 108px;}

ul#menu ul li {
	width: 100%;
}

/*.header-right ul#menu li ul li a.second-level:hover {*/
ul#menu li ul li a.second-level:hover {
	background-color: #b62e6e !important;
}


/*---------------------------------- Main ------------------------------------*/


/*---------------------------------- Main : centre -----------------------*/
.home-top-content {
	float: left;
	width: 795px;
	height: 356px;
}
.top-content {
	float: left;
	width: 795px;
	height: 381px;
}
dl.bayer-links {
	float: left;
	padding: 255px 0 0 70px;
}
dl.bayer-links dt {
	margin-bottom: 10px;
	color: #ec6400;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
}
dl.bayer-links dd {
	margin-bottom: 10px;
	color: #c73466;
	font-weight: bold;
}
dl.bayer-links dd a {
	font-size: 1.2em;
}
body#gamme dl.bayer-links dt, body#gamme dl.bayer-links dd a {color: #e97118;}
body#gamme.intensia dl.bayer-links dt, body#gamme.intensia dl.bayer-links dd a {color: #a01271;}
body#gamme.magnesia dl.bayer-links dt, body#gamme.magnesia dl.bayer-links dd a {color: #345ca7;}
body#gamme.boost dl.bayer-links dt, body#gamme.boost dl.bayer-links dd a {color: #f2ae27;}
body#gamme.double dl.bayer-links dt, body#gamme.double dl.bayer-links dd a {color: #005C25;}
body#gamme.vital dl.bayer-links dt, body#gamme.vital dl.bayer-links dd a {color: #9FD5ED;}

body#energie dl.bayer-links dt, body#energie dl.bayer-links dd a {color: #e97118;}

body#expertise.secret dl.bayer-links dt, body#expertise.secret dl.bayer-links dd a {color: #e97118;}

.top-content .text-container {
	float: right;
	padding: 141px 0 0;
}
.top-content h2 {
	color: #a2004d;
	font-size: 1.8em;
	width: 252px;
}
.top-content h3 {
	color: #a2004d;
	margin-top: 150px;
	font-style: italic;
	font-size: 2.6em;
	font-family: Times, serif;
	width: 240px;
}

#button-gamme-discover {
	float: left;
	width: 148px;
	height: 20px;
	margin: 336px 0 0 272px;
	background: url('../images/discover.png') no-repeat scroll 0 0;
}

/*---------------------------------- Main : menu central ---------------------*/
/*---------------------------------- uniquement home -------------------------*/
.central-menu {
	float: left;
	width: 795px;
	height: 148px;
}
ul#home-menu {
	padding: 24px 0 0 58px;
	height: 124px;
	list-style-type: none;
}

ul#home-menu li {float: left;}
ul#home-menu li a {height: 124px;}
ul#home-menu li a:hover {text-decoration: none;}

ul#home-menu li.menu-secret {background: url('../images/ssmenu_secret.jpg') no-repeat scroll 0 0; width: 165px;}
ul#home-menu li.menu-secret a {
	width: 165px;
	display: block;
}
ul#home-menu li.menu-secret a:hover {
	background: url('../images/ssmenu_secret-on.jpg') no-repeat scroll 0 0;
	width: 165px;
	display: block;
}


ul#home-menu li.menu-faq {background: url('../images/ssmenu_faq.jpg') no-repeat scroll 0 0; width: 213px;}
ul#home-menu li.menu-faq a {
	width: 213px;
	display: block;
}
ul#home-menu li.menu-faq a:hover {
	background: url('../images/ssmenu_faq-on.jpg') no-repeat scroll 0 0;
	width: 213px;
	display: block;
}


ul#home-menu li.menu-roue {background: url('../images/ssmenu_roue_vitamines.jpg') no-repeat scroll 0 0; width: 191px;}
ul#home-menu li.menu-roue a {
	width: 191px;
	display: block;
}
ul#home-menu li.menu-roue a:hover {
	background: url('../images/ssmenu_roue_vitamines-on.jpg') no-repeat scroll 0 0;
	width: 191px;
	display: block;
}

ul#home-menu li.menu-boost {background: url('../images/ssmenu_boost.jpg') no-repeat scroll 0 0;width: 159px;}
ul#home-menu li.menu-boost a {
	width: 159px;
	display: block;
}
ul#home-menu li.menu-boost a:hover {
	background: url('../images/ssmenu_boost-on.jpg') no-repeat scroll 0 0;
	width: 159px;
	display: block;
}

/*---------------------------------- Main : content --------------------------*/
.content {
	width: 795px;
	/* retirer à cause de l'accordeon JS */
	min-height: 359px;
	height: auto !important;
	height: 359px;
	float: left;
}
.intensia .content{
  margin-top: 30px;
}
dl.gamme-left-menu {
	float: left;
	width: 130px;
	padding-top: 75px;
	margin-left: 72px;
}
dl.gamme-left-menu dd {
	float: left;
	clear: left;
	line-height: 2.8em;
	border-bottom: 1px dotted #a01271;
}
dl.gamme-left-menu dd a {
	color: #a01271;
	font-size: 1.2em;
	font-weight: bold;
}
.info-bloc {
	margin-top: 20px;
	padding: 0 15px 0 202px;
}

.info-bloc h3 {
	margin-bottom: 10px;
	color: #ce3583;
	font-size: 1.2em;
}

.breadcrumb {
	color: #df3b8d;
	margin-bottom: 20px;
}
.breadcrumb a {
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #df3b8d;
}
.breadcrumb a:hover {
	text-decoration:underline;
}

/*-------------------- BOUTONS -----------------------------------------------*/
.buttons-menu {
	margin-bottom: 15px;
}

.button {
float: left;
	height: 28px;
	text-indent: -700em;
	overflow: hidden;
}

/* Gamme : Boutons nouvelle formule */
.btn-newformule {width: 131px; padding-right:3px;}
body#gamme.intensia .btn-newformule {background: url('../images/intensia/btn_newformule.png') no-repeat scroll 0 0;}
body#gamme.magnesia .btn-newformule {background: url('../images/magnesia/btn_newformule.png') no-repeat scroll 0 0;}
body#gamme.boost .btn-newformule {background: url('../images/boost/btn_newformule.png') no-repeat scroll 0 0;}
body#gamme.double .btn-newformule {background: url('../images/double/btn_newformule.png') no-repeat scroll 0 0;}
body#gamme.vital .btn-newformule {background: url('../images/vital/btn_newformule.png') no-repeat scroll 0 0;}
/* hover */
body#gamme.intensia a.btn-newformule:hover {background: url('../images/intensia/btn_newformule_on.png') no-repeat scroll 0 0;}
body#gamme.magnesia a.btn-newformule:hover {background: url('../images/magnesia/btn_newformule_on.png') no-repeat scroll 0 0;}
body#gamme.boost a.btn-newformule:hover {background: url('../images/boost/btn_newformule_on.png') no-repeat scroll 0 0;}
body#gamme.double a.btn-newformule:hover {background: url('../images/double/btn_newformule_on.png') no-repeat scroll 0 0;}
body#gamme.vital a.btn-newformule:hover {background: url('../images/vital/btn_newformule_on.png') no-repeat scroll 0 0;}

/* Gamme : Boutons conditionnement */
.btn-conditionnement {width: 131px; padding-right:3px;}
body#gamme.intensia .btn-conditionnement {background: url('../images/intensia/btn_conditionnement.png') no-repeat scroll 0 0;}
body#gamme.magnesia .btn-conditionnement {background: url('../images/magnesia/btn_conditionnement.png') no-repeat scroll 0 0;}
body#gamme.boost .btn-conditionnement {background: url('../images/boost/btn_conditionnement.png') no-repeat scroll 0 0;}
body#gamme.double .btn-conditionnement {background: url('../images/double/btn_conditionnement.png') no-repeat scroll 0 0;}
body#gamme.vital .btn-conditionnement {background: url('../images/vital/btn_conditionnement.png') no-repeat scroll 0 0;}
/* hover */
body#gamme.intensia a.btn-conditionnement:hover {background: url('../images/intensia/btn_conditionnement_on.png') no-repeat scroll 0 0;}
body#gamme.magnesia a.btn-conditionnement:hover {background: url('../images/magnesia/btn_conditionnement_on.png') no-repeat scroll 0 0;}
body#gamme.boost a.btn-conditionnement:hover {background: url('../images/boost/btn_conditionnement_on.png') no-repeat scroll 0 0;}
body#gamme.double a.btn-conditionnement:hover {background: url('../images/double/btn_conditionnement_on.png') no-repeat scroll 0 0;}
body#gamme.vital a.btn-conditionnement:hover {background: url('../images/vital/btn_conditionnement_on.png') no-repeat scroll 0 0;}

/* Gamme : Boutons utilisation */
.btn-utilisation {width: 131px; padding-right:3px;}
body#gamme.intensia .btn-utilisation {background: url('../images/intensia/btn_utilisation.png') no-repeat scroll 0 0;}
body#gamme.magnesia .btn-utilisation {background: url('../images/magnesia/btn_utilisation.png') no-repeat scroll 0 0;}
body#gamme.boost .btn-utilisation {background: url('../images/boost/btn_utilisation.png') no-repeat scroll 0 0;}
body#gamme.double .btn-utilisation {background: url('../images/double/btn_utilisation.png') no-repeat scroll 0 0;}
body#gamme.vital .btn-utilisation {background: url('../images/vital/btn_utilisation.png') no-repeat scroll 0 0;}
/* hover */
body#gamme.intensia a.btn-utilisation:hover {background: url('../images/intensia/btn_utilisation_on.png') no-repeat scroll 0 0;}
body#gamme.magnesia a.btn-utilisation:hover {background: url('../images/magnesia/btn_utilisation_on.png') no-repeat scroll 0 0;}
body#gamme.boost a.btn-utilisation:hover {background: url('../images/boost/btn_utilisation_on.png') no-repeat scroll 0 0;}
body#gamme.double a.btn-utilisation:hover {background: url('../images/double/btn_utilisation_on.png') no-repeat scroll 0 0;}
body#gamme.vital a.btn-utilisation:hover {background: url('../images/vital/btn_utilisation_on.png') no-repeat scroll 0 0;}


/* ENERGIE : Boutons corps / energie */
.btn-origine {width: 131px; padding-right:3px;}
.btn-emploi {width: 131px; padding-right:3px;}
.btn-baisse {width: 131px; padding-right:3px;}
.btn-subcarences {width: 131px; padding-right:3px;}
body#expertise.vitamines-energie .btn-origine {background: url('../images/expertise/btn_origine-energie.png') no-repeat scroll 0 0;}
body#expertise.vitamines-energie .btn-emploi {background: url('../images/expertise/btn_emploi-energie.png') no-repeat scroll 0 0;}
/* hover */
body#expertise.vitamines-energie a.btn-origine:hover {background: url('../images/expertise/btn_origine-energie-on.png') no-repeat scroll 0 0;}
body#expertise.vitamines-energie a.btn-emploi:hover {background: url('../images/expertise/btn_emploi-energie-on.png') no-repeat scroll 0 0;}

/* ENERGIE : Boutons baisse energie */
body#expertise.fatigue-vitamine .btn-baisse {background: url('../images/expertise/btn_baisse-energie.png') no-repeat scroll 0 0;}
body#expertise.fatigue-vitamine .btn-subcarences {background: url('../images/expertise/btn_subcarences.png') no-repeat scroll 0 0;}
/* hover */
body#expertise.fatigue-vitamine a.btn-baisse:hover {background: url('../images/expertise/btn_baisse-energie-on.png') no-repeat scroll 0 0;}
body#expertise.fatigue-vitamine a.btn-subcarences:hover {background: url('../images/expertise/btn_subcarences-on.png') no-repeat scroll 0 0;}


.info-bloc p, .info-bloc ul, .info-bloc address {
	font-size: 1.2em;
	color: #666;
	margin-bottom: 10px;
	text-align: justify;
	font-style: normal;
	line-height: 1.3em;
}
.info-bloc ul li {
	margin-left: 0px;
}
.info-bloc ul li {
	list-style: inside;
}


.info-bloc b { color: #790c50; }
.info-bloc a.vitamines {color: #790c50; text-decoration:none; font-size:1.0em;}
.info-bloc a:hover.vitamines {text-decoration:underline;}

/* a supprimer apres nettoyage : a remplacer par color */
.info-bloc .rose {font-weight: bold; color: #ce3583; font-size:1.4em;}
.info-bloc .color {font-weight: bold; color: #ce3583;font-size:1.3em;}

.intensia .color, .intensia .rose {color: #ce3583;}
.magnesia  .color, .magnesia .rose {color: #0092c6;}
.double .color, .double .rose {color: #00a53a;}
.vital .color, .vital .rose {color: #302463;}
.boost .color, .boost .rose {color: #c25828;}

.info-bloc p.rem {
	font-size: 1em;
	margin-top: 20px;
}
.gamme-para {
	text-align: justify;
	padding-left: 185px;
	max-width: 400px;
	min-height: 100px;
}
.gamme-para a:hover {text-decoration: underline;}

.gamme-magnesia .magnesia , .gamme-boost .boost, .gamme-vital .vital, .gamme-intensia .intensia, .gamme-dbleaction .dbleaction {
	font-weight: bold;
}

.gamme-magnesia {background: url('../images/products/magnesia.png') no-repeat scroll left top;}
.gamme-magnesia .magnesia {color: #0092c6;}

.gamme-boost { background: url('../images/products/pack-supradyn-boost.jpg') no-repeat scroll left top;}
.gamme-boost .boost { color: #C25828;}

.gamme-vital {background: url('../images/products/pack-supradyn-vital.jpg') no-repeat scroll left top;}
.gamme-vital .vital {color: #302463;}

.gamme-intensia {background: url('../images/products/pack-supradyn-intensia.jpg') no-repeat scroll left top;}
.gamme-intensia .intensia {color: #990467;}

.gamme-dbleaction {background: url('../images/products/pack-supradyn-dbleaction.jpg') no-repeat scroll left top;}
.gamme-dbleaction .dbleaction {color: #00a53a;}

/*---------------------------------- Main : menu droit -----------------------*/
.right-menu {
	float: right;
	width: 293px;
	height: 381px;
	height: auto;
}

.coach-container {margin: 128px 0 0 1px;}
body#gamme .coach-container, body.generique .coach-container {margin: 168px 0 0 1px;}

#button-online, .menu-secret, .menu-faq, .menu-roue, .menu-boost, #button-gamme-discover, #spot-tv {
	text-indent: -700em;
	overflow: hidden;
}

#button-online {
	background: url('../images/en_ligne.gif') no-repeat scroll 0 0;
	width: 163px;
	height: 52px;
	display: block;
	margin-left: 51px;
	position:relative;
	z-index: 1;
}
#coaching-forme {
	background: url('../images/coaching_forme.png') no-repeat scroll 0 0;
	width: 228px;
	height: 128px;
	color: #000;
	font-size: 1.2em;
  position: relative;
}
#coaching-forme-guide {
  position: absolute;
  top: 6px;
  left: 129px;
}

#promotion {
	width: 229px;
	height: 125px;
	display: block;
	margin-top: 10px;
}
#spot-tv {
	background: url('../images/spot-tv2.gif') no-repeat scroll 0 0;
	width: 227px;
	height: 51px;
	display: block;
	margin-top: 10px;
}
#spot-tv:hover {
	background: url('../images/spot-tv2-on.gif') no-repeat scroll 0 0;
}
#coaching-forme p {
	padding : 65px 0 0 10px;
}

/*---------------------------------- Footer ----------------------------------*/
#footer {
	height: 176px;
	height: auto;
	padding-top: 33px;
}
body#home #footer {
	padding-top: 48px;
}
.footer-pourtour {
	display : block;
	width: 950px;
	padding: 10px;
	border-width: 0;
	border-radius: 10px;
	background-color: #fff8ce;
	margin-left: 58px;
}
.bottom-menu {
	float: left;
	width: 189px;
}
.bottom-menu h4 a, .bottom-menu p a,.bottom-menu h4 a:active, .bottom-menu p a:active,.bottom-menu h4 a:visited, .bottom-menu p a:visited {
	color: #df3b8d;
	font-size: 1.1em;
	text-transform: uppercase;
}
.bottom-menu h4, .bottom-menu p {
	margin-bottom: 6px;
}
.bottom-menu p {
	margin-bottom: 3px;
}
.bottom-menu h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.bottom-menu h3 a {
	color: #df3b8d;
}
.bottom-menu ul {
	list-style-type: disc;
	list-style-position:inside;
}
.bottom-menu ul li {
	color: #EA4F00;
	font-size: 1.1em;
}
.bottom-menu form {
  height: 1%; /* IE6 */
}
#newsletter-email, #ok-btn {
	float: left;
}
#newsletter-email {
	border: 1px solid #ccc;
	width: 146px;
	padding: 1px 3px;
	font-size: 1.1em;
	margin-right: 8px;
}

#manger-bouger {
  width: 100%;
  height: 11px;
}

#mentions-bayer{
  text-align:right;
  width:100%;
  font-size:9px;
}

#mentions-bayer span{
  margin:0 8px 0 0;
  color:#DF3B8D;
}

/*---------------------------------- Footer bottom : image -------------------*/
#footer-bottom {
	width: 1088px;
	height: 29px;
	background: url('../images/footer.png') no-repeat scroll 0 0;
}
body#home #footer-bottom {background: url('../images/footer_home.png') no-repeat scroll 0 0;}

/*---------------------------------- Page Contact ----------------------------*/
form h4 {
	font-size: 1.2em;
	color: #666;
	float: left;
	font-weight: normal ;
	width: 150px ;
}
form p.formcontainer {
	margin: 0 0 5px 150px;
}
form select {
	border: 1px solid #ccc;
	font-size: 1.0em;
}
form textarea {
	border: 1px solid #ccc;
	padding: 1px 3px;
	font-size: 1.1em;
	width: 400px;
	height: 100px;
}
form input.inp-txt {
	font-size: 0.9em;
	border: 1px solid #ccc;
	padding: 2px 3px;
	width: 200px;
}

/*---------------------------------- Footer menu vitamines -------------------*/
p.titre-vitamine {
	margin-top: 20px;
}
p.menu-vitamines {
	text-align: center;
	color: #df3b8d;
	font-size: 1.15em;
}

.menu-vitamines a {
	text-align: center;
	color: #df3b8d;
	font-size: 1.0em;
	font-weight:lighter;
}

.menu-vitamines a:hover {
	text-decoration: underline;
}

/*---------------------------------- FAQ : accordion -------------------------*/

.accordion-content p {
	margin: 9px 24px 6px 2px;
}

.accordion .accordion-content a.generique {color: #ce3583;}
.accordion .accordion-content a.generique:hover {color: #ce3583;}

.accordion .accordion-content a.intensia {color: #990467;}
.accordion .accordion-content a.intensia:hover {color: #990467;}

.accordion .accordion-content a.magnesia {color: #0089c2;}
.accordion .accordion-content a.magnesia:hover {color: #0089c2;}

.accordion .accordion-content a.boost {color: #c25828;}
.accordion .accordion-content a.boost:hover {color: #c25828;}

.accordion .accordion-content a.double {color: #029436;}
.accordion .accordion-content a.double:hover {color: #029436;}

.accordion .accordion-content a.vital {color: #302463;}
.accordion .accordion-content a.vital:hover {color: #302463;}

.accordion .accordion-content a {text-decoration:none;}
.accordion .accordion-content a:hover {text-decoration:underline;}

/****************************** Accordion : stickmanlabs  *********************/
.accordion-toggle {
	display: block;
	background: url('../images/puces-on.gif') no-repeat top right;
	height: 31px;
	width: 527px;
	outline: none;
	cursor: pointer;
	font-size:1.3em;
	font-weight: bold;
	color: #c9347a;
	margin-bottom: 1px;
	padding: 11px 0 5px 33px;
}
.accordion-toggle_active {
	background: url(images/accordion-toggle_active.jpg) no-repeat top right #e0542f;
	color: #fff;
	border-bottom: 1px solid #f68263;
}
.accordion-toggle:hover {
	text-decoration: underline;
}
.accordion-content {
	background-color: #fff;
	color: #c4bab1;
	overflow: hidden;
}
.accordion-content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}


/* -------------- STYLES supplémentaires ------------------------------------ */
a.gras {color: #790c50; text-decoration:none;}
a.gras:hover {color: #790c50; text-decoration:underline;}

a.linking {color: #790c50; text-decoration:none;font-weight:bold;}
a.linking:hover {color: #790c50; text-decoration:underline;font-weight:bold;}
/* info bloc */
.info-bloc h1 { font-size:1.9em; color:#ce3583; padding-bottom:15px; }

.boost h1 {color: #c25828; font-size:1.7em; padding-bottom:15px;}
.boost b {color: #c25828;}
.boost .breadcrumb a {color: #c25828;}
.boost .breadcrumb a:hover {color: #c25828;}

.magnesia h1 {color: #0089c2; font-size:1.7em; padding-bottom:15px;}
.magnesia b {color: #0089c2;}
.magnesia .breadcrumb a {color: #0089c2;}
.magnesia .breadcrumb a:hover {color: #0089c2;}

.intensia h1 {color: #990467; font-size:1.7em; padding-bottom:15px;}
.intensia b {color: #990467;}
.intensia .breadcrumb a {color: #990467;}
.intensia .breadcrumb a:hover {color: #990467;}

.vital h1 {color: #302463; font-size:1.7em; padding-bottom:15px;}
.vital b {color: #302463;}
.vital .breadcrumb a {color: #302463;}
.vital .breadcrumb a:hover {color: #302463;}

.double h1 {color: #029436; font-size:1.7em; padding-bottom:15px;}
.double b {color: #029436;}
.double .breadcrumb a {color: #029436;}
.double .breadcrumb a:hover {color: #029436;}

/*---------------------------------- Tables produits -------------------*/
table.Intensia {
	background: url('../images/gammes/IntensiaTable.jpg') no-repeat left top;
}
table.Magnesia {
	background: url('../images/gammes/MagnesiaTable.jpg') no-repeat left top;
}
table.Vital {
	background: url('../images/gammes/VitalTable.jpg') no-repeat left top;
}
table.dbleaction {
	background: url('../images/gammes/DoubleactionTable.jpg') no-repeat left top;
}
table.boost {
	background: url('../images/gammes/BoostTable.jpg') no-repeat left top;
}

table.TabSupradyn {
	width: 433px;
	margin: 15px 0px 0px 45px;
}
table.TabSupradyn th {
	vertical-align: middle;
}
table.TabSupradyn td {
	font-size: 1.2em;
	color:#666666;
	vertical-align: middle;
	background-color:#fceba6;
	border-bottom: 1px #00CC66;
	width:216px;
}

table.TabSupradyn th span,
table.TabSupradyn th span {
	display: none;
}
table.TabSupradyn th {
	height: 53px;
}
table.TabSupradyn td {
	height: 54px;
	padding: 0 15px;
}
table.Intensia td.AltCol {
	width: 173px;
}
table.Intensia tr.ExtraIntensia td {
	height: 19px;
}

table.Vital td.AltCol,
table.Magnesia td.AltCol {
	width: 173px;
}
table.Magnesia tr.ExtraMagnesia td,
table.Vital tr.ExtraVital td {
	height: 10px;
}
/*---------------------------------- FAQ : accordion base -------------------------*/
.accordion-toggle { padding: 7px 0 5px 33px; }
.accordion-toggle:hover {
	background: url('../images/puces-on.gif') no-repeat; width:527px;
	text-decoration:underline;
}
.accordion-toggle-active {
	background: url('../images/puces-on.gif') no-repeat; width:527px;
}
.accordion-content{
	overflow: hidden;
	padding: 0;
	color: #c4bab1;
}
.accordion-content p {
	margin: 9px 20px 6px 2px;
}
.accordion-content .violet {font-weight: bold; color: #ce3583; font-size:1.3em;}

/*---------------------------------- FAQ : accordion intesia -------------------------*/
.accordionIntensia .accordion-toggle {
	background: url('../images/puces-on-intensia.gif') no-repeat;
	color: #c9347a;
}
/*---------------------------------- FAQ : accordion Magnesia -------------------------*/
.accordionMagnesia .accordion-toggle {
	background: url('../images/puces-on-magnesia.gif') no-repeat;
	color: #0089c2;
}

/*---------------------------------- FAQ : accordion Boost -------------------------*/
.accordionBoost { position: relative; }
.accordionBoost .accordion-toggle {
	background: url('../images/puces-on-boost.gif') no-repeat;
	color: #a02c21;
}

/*-------------------- FAQ : accordion Double action -------------------------*/
.accordionAction .accordion-toggle {
	background: url('../images/puces-on-action.gif') no-repeat;
	color: #029436;
}

/*---------------------------- FAQ : accordion Vital -------------------------*/
.accordionVital .accordion-toggle {
	background: url('../images/puces-on-vital.gif') no-repeat;
	color: #302463;
}
/*---------------------------- Puces coaching forme -------------------------*/
.coaching-forme {
	background: url('../images/puce-guide-supradyn.png') no-repeat;
	color: #302463;
	padding: 8px 0 10px 33px;
}

.coaching-forme a {
  font-size:12px;
  font-weight:bold;
  color: #c9347a;
  padding: 5px;
}
 
.coaching-forme a:hover {
  text-decoration:underline;
}