/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 00 mois 0000
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%;  /*10px par défaut */
	background: #FFFFFF;
}
p {
	margin-bottom: 18px;
}
h1 {
	font-size: 1.8em;
	color: #666;
	margin: 0 0 16px;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #E22D3C;
	margin: 0px 0 5px 0;
}
h2.Date {
	margin-top: 0;	
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #777;
	margin: 15px 0 10px 0;
}
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 2px 0;
}

a.link_heading {
    font-weight:bold;
    color: #E22D3C;
    text-decoration: none;
}
p.heading {
	margin-bottom: 5px;
	/*color: #E22D3C;*/
}
p.uppercase {
    font-weight: bold; 
    border-bottom: solid 1px #999999; 
    text-transform: uppercase;
}
div.addthis {
    text-align: left; 
    margin-left: 0px; 
    margin-top: 35px; 
    margin-bottom: 0px;
}

sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	width: 933px;
	margin: 0 auto;
}
#Entete {
	position: relative;
	height: 170px;
}
#Logo {
	position: absolute;
	top: 10px;
	left: 0;
}
#LogoLallemand {
	position: absolute;
	top: 63px;
	right: 205px;
}
#NavFixe {
	position: absolute;
	top: 65px;
	right:0;
}
#NavFixe li {
	font-size: 1.1em;
	float: left;
	padding: 0 7px;
	border-right: 1px solid #636363;
}
#NavFixe li.DernierItem {
	border:0;
	padding-right: 0;
}
#NavFixe a {
	color:#636363;
	text-decoration:none;
}
#NavFixe a:hover {
	color: #d81221;
}
#Corps {
	
}
#NavFooter {
	background: url(../images/Bg_Footer.gif) repeat-x;
	padding: 26px 22px 0;
	margin-bottom: 30px;
}
#NavFooter ul li{
	float: left;
	background: url(../images/Bg_NavFooter.gif) repeat-y top right;
}
#NavFooter ul li.Yeast {
	width: 209px;
}
#NavFooter ul li.VitaD {
	width: 245px;
}
#NavFooter ul li.ScientificResearch {
	width: 225px;
}
#NavFooter ul li.DieticianAdvice {
	width: 195px;
}
#NavFooter ul li.DernierItem  {
	background: none;
}
#NavFooter ul li ul {
	margin: 16px 0 0 35px;
}
#NavFooter ul li.PremierItem ul {
	margin: 16px 0 0 0;
}
#NavFooter ul li ul li {
	width: auto;
	float: none;
	background: none;
	margin-bottom: 9px;
}
#NavFooter ul li ul li a {
	font-size: 1.2em;
	color: #888;
	text-decoration:none;
}
#NavFooter ul li ul li a:hover {
	color: #d81221;
	text-decoration:none;
}
#NavFooter h3 {
	height: 17px;
	margin: 0 0 0 35px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#NavFooter ul li.PremierItem h3 {
	margin:0;
}
#PiedPage {
	color: #a1a1a1;
	font-size: 1.1em;
}
#PiedPage p {
	float: left;
}
#PiedPage p img {
	vertical-align: middle;
	margin-right: 5px;
}
#PiedPage a {
	color:#555;
	text-decoration:none;
}
#PiedPage a:hover {
	color:#d81221;
	text-decoration:none;
}
#PiedPage ul {
	float:right;
}
#PiedPage ul li {
	float: left;
	border-right: 1px solid #d8d8d8;
	padding: 0 9px;
}
#PiedPage ul li.DernierItem {
	border:0;
	padding-right:0;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

#NavPartenaires {
	float: left;
	margin-top: 5px;
}
div.LogosPartenaires {
	width: 616px;
	margin-left: 15px;
	float: left;
}
div.LogosPartenaires ul li {
	width: 154px;
	height: 100px;
}
h3.BakeryPartners {
	margin: 0 10px 0 15px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	float: left;
	height:23px;
}
#Temoignages {
	color: #777;
	width: 400px;
	float: right;
	margin-right: 20px;
}
#Temoignages p {
	font-size: 1.2em;
}

.Signature {
	font-size: 1.1em !important;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #BlocEntete {
	height: 346px;
	background: url(../images/Bg_EnteteAcc2.jpg) no-repeat;
	padding: 0px 0px 0px 613px;
	margin-bottom: 50px;
}
body.Accueil #BlocEntete p {
	font-size: 1.2em;
	line-height:1.4em;
	margin-bottom: 15px
}
body.Accueil #WhatsNew {
    height:316px;
    margin:0px;
    padding:15px;
    background: #6c534b url(../images/whats-new.jpg) no-repeat 29px 14px;
}
body.Accueil #WhatsNew-Nav {
    float: right;
    color:White;
}
body.Accueil #WhatsNew-Content-Seminar {
    margin-top: 40px; 
    padding-left: 14px;
    float: clear;
    color:White;
    font-size:11pt;
}
body.Accueil #WhatsNew-Content-News {
    margin-top: 40px; 
    padding-left: 14px;
    float: clear;
    color:White;
    font-size:11pt;
}

#BlocEntete h2 {
	margin:0 0 5px 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 39px;	
}
#BlocEntete h1 {
	margin:0 0 10px 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 51px;
}
body.Accueil .CallToAction {
	color: #777;
	border: 1px solid #d3d3d3;
	width: 290px;
	height: 116px;
	background-repeat: no-repeat;
	margin-right: 28px;
	margin: 0 28px 10px 0;
	float: left;
	padding: 0;
	position: relative;
}
body.Accueil .CallToAction-Over {
	position: absolute;
	background: #6c534b;
	width: 290px;
	min-height: 101px;
	height: auto !important;
	height: 116px;
	top: 0;
	left: 0;
	display: none;
	padding-bottom: 15px;
}
body.Accueil .CallToAction-Over h3 {
	background-position: bottom left;
}
body.Accueil .CallToAction-Over a {
	color: #fff;
}
body.Accueil .CallToAction-Over a:hover {
	color: #bda199;
}
body.Accueil .CallToAction-Over ul {
	margin-left: 17px;
}
body.Accueil .CallToAction-Over ul li {
	font-size: 1.2em;
	padding: 0;
	list-style: none outside none;
	margin-bottom: 9px;
}
body.Accueil .CallToAction-Over ul li a {
	background: url(../images/Puce_LienCallToAction.gif) no-repeat;
	display: inline-block;
	line-height: 12px;
	padding-left: 20px;
} 
body.Accueil .CallToAction h3 {
	margin: 15px 0 12px 0;
	height: 19px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-left: 15px
}
body.Accueil .CallToAction.ScientificResearch {
	background-image: url(../images/Bg_ScientificResearch.jpg);
}
body.Accueil .CallToAction.DieticianAdvice {
	background-image: url(../images/Bg_DieticianAdvice.jpg);
}
body.Accueil .CallToAction.LearnMoreVitaD {
	background-image: url(../images/Bg_LearnMoreVitaD.jpg);
}
body.Accueil .CallToAction.DernierItem {
	margin-right: 0;
}
body.Accueil .CallToAction p {
	font-size: 1.2em;
	width: 129px;
	margin-left: 15px;
	line-height: normal;
}


/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#BlocEntete {
	margin-bottom: 25px;	
}
#EnteteOurYeast {
    padding-left:480px;
    padding-top:25px;
    padding-right:25px;
    color:white;
    font-size:11pt;
    line-height:25px;
    margin-bottom:25px;
    height:198px;
    background-color:#6C534B;
    background-image:url(../images/Bg_OurYeast.jpg);
    background-repeat:no-repeat;
}

#ColMenu, #Contenu, #ColUtiles {
	margin-bottom: 35px;	
}
#ColMenu {
	float: left;	
	width: 200px;
	margin: 0px;
}
#ColMenu h2 {
	font-size: 1.6em;
	color:#e2303e;
	margin-top:0px;
	margin-bottom:10px;
	
}
#Contenu {
	float: left;
	width: 450px;
	margin-top:0px;
}
#ColUtiles {
	float: right;
	width: 233px;
}
.CallToAction {
    background-color: #6C534B;
    color: #fff;
	border: 1px solid #d3d3d3;	
	padding:15px;
	margin-bottom: 10px;
}
.CallToAction h3 {
	margin: 0 0 20px;	
}
.CallToAction ul li {
	font-size: 1.2em;
	margin-bottom: 16px;
	background: url(../images/Puce_SousMenu.gif) no-repeat 0 5px;
	padding-left: 12px;	
}
.CallToAction ul li a {
	color:#636363;
}
.CallToAction ul li a:hover {
	color:#D81221;
}
.CallToAction h3 {
	line-height: 19px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.CallToAction p {
	font-size: 1.2em;	
	color: #fff;
	line-height:1.6em;
}
.hr {
	background:url(../images/Bg_Ligne.gif) repeat-x;
	height:1px;
	margin-bottom: 15px;
}
body.Interieur-Contenu #Contenu {
	float: none;
	width: 933px;
}
body.Interieur-SousMenu #Contenu {
	width: 704px;
}
body.Interieur-CallToAction #Contenu {
	width: 675px;	
}
/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position: absolute;
	background: url(../images/Bg_Menu.gif) repeat-x;
	height: 30px;
	width: 933px;
	top: 117px;
	left: 0;
}
#MenuPrincipal li {
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	line-height: 30px;
	padding: 0 25px;
}
#MenuPrincipal li.PremierItem {
	padding-left: 4px;
}
#MenuPrincipal li.DernierItem {
	padding-right:0;
}	
#MenuPrincipal li a {
	color:#636363;
	text-decoration:none;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	color: #d81221;
}
#SousMenu li {
	font-size: 1.2em;
	margin-bottom: 16px;
	background: none; /*url(../images/Puce_SousMenu.gif) no-repeat 0 5px;*/
	padding-left: 0px;
}
#SousMenu li a {
	color: #777;
	text-decoration:none;
}
#SousMenu li a:hover {
	color:#D81221;	
}
#SousMenu li a.On, #SousMenu li a.On:hover {
	color: #E2303E;	
	font-weight: bold;	
}

/*- Styles pour Plan du site --------------------------------------------------*/
ul#PlanSite {

}
ul#PlanSite li {
	
}
ul#PlanSite li ul li ul {

}

/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire {
	
}
.Formulaire p {

}
.Formulaire p.AligneGauche {
	margin-right: 15px;
}
.Formulaire p label {
	display: block;
	margin-bottom: 3px;
}
.Formulaire p label small {
	
}
input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 20px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul {
	margin: 0;
}
#Contenu div.SommaireValidation ul li {
	float: left;
	list-style: none outside none;
	padding: 0;
}
.TxtBox {
	color: #777;
	border: 1px solid #D3D3D3;
	padding: 3px;
	margin:	0 0 0 0;
}
.TxtArea {
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.SelectList {
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}
p.Checkbox {

}
p.Checkbox label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.Checkbox input {
	display: block;
	float: left;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {

}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
a.Btn {
	font-size: 10px;
	color: #787878;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
	line-height: 21px;
	text-decoration: none !important;
	background: url(../images/Bg_Boutons.gif) no-repeat top right; 
	padding-right: 24px; 
	/*vertical-align: middle;*/
	cursor: pointer; 
	cursor: hand; 
	outline: none;
}
a.Btn span {
	color: #787878;
	text-transform: uppercase;
	background: url(../images/Bg_Boutons.gif) no-repeat top left; 
	display: inline-block;
	height: 21px;
	font-weight: bold;
	line-height: 21px;
	padding-left: 13px;
}

.CallToAction a.Btn {
	background: url(../images/Bg_BoutonsInt.gif) no-repeat top right; 
}
.CallToAction a.Btn span {
	background: url(../images/Bg_BoutonsInt.gif) no-repeat top left; 
}


/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	color: #FF9933;
}
#Contenu p.TextePetit {
	font-size: 1em;
}

/*- Classes pour les hyperliens ----*/


/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #cfcfcf;
	padding:3px;
}
img.ImageGauche {
	border: 1px solid #cfcfcf;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #cfcfcf;
	padding:3px;
	margin: 0  0 5px 20px;
	float: right;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	margin: 30px 0;
}
table.Tableau td {
	font-size: 1.2em;
	background: #f2f2f2 url(../images/Bg_Cellule.gif) repeat-y top right;
	color: #666;
	padding: 9px 10px; 
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-size: 1.3em;
	font-weight: bold;
	color: #777; /*#E2303E;*/
	padding: 0 10px 14px 10px;
	background: #fff url(../images/Bg_Cellule.gif) repeat-y top right;
	vertical-align: top;
}
table.Tableau td.CelluleTitre small {
	font-size: 0.85em;	
	color: #777;
	margin-top: 5px;
	display: block;
}
table.Tableau td.CelluleSousTitre {
	background-color: #fbfbfb !important;	
}
table.Tableau td.CelluleAlternative {
	background: #fff url(../images/Bg_Cellule.gif) repeat-y top right;
	vertical-align: top;
}
table.Tableau td.DernierItem {
	background-image: none;	
}

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

/*- Styles d'ajustement pour les EM ----------------------------------------*/
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}
.delicious-posts { margin: 0em; border: none; padding: 0em; font-family: Arial; }
.delicious-posts ul, 
.delicious-posts li, 
.delicious-banner { margin: 0; padding-top: 4px; padding-bottom:4px;}
.delicious-post { border-top: 1px solid #eee; padding: 0em; font-size: 1.2em; }
.delicious-odd { background-color: #ffffff; }
.delicious-banner a { font-size: 100%; }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #04a1ff; font-weight:bold; }
.delicious-post a { color: #04a1ff; font-weight:normal;} /*E22D3C*/