/* Main */
*
{
  margin: 0;
  padding: 0;
}

a img,
a:hover img
{
  border: none;
}
#rightCol h1
{
  padding: 0;
  font-size: 16px;
  line-height: 25px;
}
#progamme_detente h2,
#leftCol h1
{
  font-size: 18px;
  line-height: 20px;
}

a
{
  text-decoration: none;
}

a.underline, a.underline:hover
{
  text-decoration: underline;
}

a:hover
{
  text-decoration: underline;
}

.display-none
{
  display: none;
}

.display-block
{
  display: block;
}

.visible
{
  visibility: visible;
}

.invisible
{
  visibility: hidden;
}

.clear-both
{
  clear: both;
}

.noborder
{
  border: none;
}

.bold
{
  font-weight: bold;
}

/* Struct */
body
{
  font: 9pt/11pt Verdana, Arial, Helvetica, sans-serif;
  color: white;
  background: #4A6EB8 url(../images/skin/css/body_bg.jpg) no-repeat 50%  177px;
}

#leftFrame
{
  position: absolute;
  left: 0;
  top: 0;
  background: #4A6EB8 url(../images/skin/css/body_bg_left.jpg) repeat-x left top;
}

#rightFrame
{
  position: absolute;
  right: 0;
  top: 0;
  background: #4A6EB8 url(../images/skin/css/body_bg_right.gif) repeat-x left top;
}

#mainFrame
{
  position: relative;
  width: 990px;
  margin: 0 auto;
}

#flash
{
  position: absolute;
  left: 0;
  top: 91px;
  width: 238px;
  height: 490px;
  z-index: 10;
  background-color: #d2f3fa;
}

#header
{
  position: relative;
  height: 177px;
  background: transparent url(../images/skin/css/header_bg.jpg) no-repeat left top;
}

#mainContent
{
  position: relative;
  width: 740px;
  padding: 0 10px 2px 240px;
}

/* HEADER */
/* Logo */
#logo
{
  position: absolute;
  left: 61px;
  top: 3px;
  width: 109px;
  height: 81px;
}

/* Menu */
#menu
{
  list-style-type: none;
  position: relative;
  left: 345px;
  width: 486px;
  height: 78px;
}

#menu .button span
{
  display: none;
}

#menu .button
{
  position: absolute;
  width: 162px;
  top: 10px;
  height: 39px;
  display: block;
}

#menu .bubble
{
  width: 190px;
}

#menu .bottom
{
  height: 41px;
  top: 49px;
}

#m1
{
  left: 0;

  background: transparent url(/images/boutons/onglets/bilan_magnesium_inactive.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/bilan_magnesium_inactive.png', sizingMethod='crop');
}
#m1:hover,
#m1.selected
{
  background: transparent url(/images/boutons/onglets/bilan_magnesium_hover.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/bilan_magnesium_hover.png', sizingMethod='crop');
}

#m2
{
  left: 162px;

  background: transparent url(/images/boutons/onglets/bienfaits_hepar_inactive.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/bienfaits_hepar_inactive.png', sizingMethod='crop');
}
#m2:hover,
#m2.selected
{
  background: transparent url(/images/boutons/onglets/bienfaits_hepar_hover.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/bienfaits_hepar_hover.png', sizingMethod='crop');
}

#m3
{
  left: 324px;

  background: transparent url(/images/boutons/onglets/f_enceintes_nourrisson_i.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/f_enceintes_nourrisson_i.png', sizingMethod='crop');
}
#m3:hover,
#m3.selected
{
  background: transparent url(/images/boutons/onglets/f_enceintes_nourrisson_h.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/f_enceintes_nourrisson_h.png', sizingMethod='crop');
}

#menu #m4
{
  left: 162px;
  /*left: 81px;*/

  background: transparent url(/images/boutons/onglets/magnesium_source_inactive.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/magnesium_source_inactive.png', sizingMethod='crop');
}
#menu #m4:hover,
#menu #m4.selected
{
  left: 162px;
  /*left: 81px;*/

  background: transparent url(/images/boutons/onglets/magnesium_source_hover.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/magnesium_source_hover.png', sizingMethod='crop');
}

#menu #m5
{
  display:none;
  left: 243px;

  background: transparent url(/images/boutons/onglets/grand_jeu_inactive.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/grand_jeu_inactive.png', sizingMethod='crop');
}
#menu #m5:hover,
#menu #m5.selected
{
  display:none;
  left: 243px;

  background: transparent url(/images/boutons/onglets/grand_jeu_hover.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/grand_jeu_hover.png', sizingMethod='crop');
}

/*  ___________     Debut Partie Promo  ___________     */

#menu a#m6
{
  display:none;
}

/*
#m6
{
  left: 324px;

  background: transparent url(/images/boutons/onglets/promos_en_cours_inactive.png) no-repeat 0 0;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/promos_en_cours_inactive.png', sizingMethod='crop');
}

#m6:hover,
#m6.selected{
  background: transparent url(/images/boutons/onglets/promos_en_cours_hover.png) no-repeat 0 0;

  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/onglets/promos_en_cours_hover.png', sizingMethod='crop');
}
*/
/* ___________     Fin Partie Promo  ___________  */





/* MAINCONTENT */
#topContent
{
  width: 730px;
  height: 16px;
  background: transparent url(../images/skin/css/mainContent_top.gif) no-repeat left top;
}

#bottomContent
{
  clear: both;
  width: 730px;
  height: 8px;
  background: transparent url(../images/skin/css/mainContent_bottom.gif) no-repeat left top;
}
#bottomContent
{
  clear: both;
  width: 730px;
  height: 8px;
  background: transparent url(../images/skin/css/mainContent_bottom.gif) no-repeat left top;
}

#content
{
  float: left;
  width: 730px;
  background: white url(../images/skin/css/content_bg.gif) repeat-y left top;
  color: #17638d;
}

.body #content
{
  height: 360px;
}

.page #content
{
  min-height: 390px;
  height: auto!important;
  height: 390px;
}

#content .homeText
{
  color: #17638a;
  font-size: 10pt;
  letter-spacing: -1px;
}

/* Content */
/* leftCol */
#leftCol
{
  top: -7px;
  position: relative;
  float: left;
  width: 240px;
  /*padding-left: 50px;*/
  padding: 0 25px 0 25px;
}

#body #leftCol
{
  background: transparent url(../images/skin/css/leftCol_yellow_bg.gif) no-repeat left top;
}

.page #leftCol
{
  background: transparent url(../images/skin/css/leftCol_blue_bg.gif) no-repeat left top;
}

#leftCol .leftColTitle
{
  margin-top: 22px;
  text-transform: uppercase;
  color: #17638a;
  font-size: 8pt;
  font-weight: bold;
}

#leftCol .leftColSubtitle
{
  margin-top: 15px;
}

#leftCol .leftColList
{
  position: relative;
  list-style-type: none;
  margin-top: 15px;
  padding-right: 20px;
  z-index: 20;
}

#leftCol .leftColList li
{
  padding-left: 20px;
  background: transparent url(../images/skin/css/picto_sun.gif) no-repeat left 2px;
  margin-bottom: 5px;
  line-height: 17px;
}
#leftCol .leftColList li#espace_pro{
  background-image: none;
  padding-top: 20px;
}
#leftCol .leftColList li#espace_pro a{
  display: block;
  background: transparent url(/images/boutons/jaune/espace_pros.png) no-repeat left top;
  width: 159px;
  height: 38px;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boutons/jaune/espace_pros.png', sizingMethod='crop');
}
/* secondaryMenu */
#secondaryMenu
{
  list-style-type: none;
  width: 217px;
}

#secondaryMenu li
{
  padding: 5px 0 2px 0;
  min-height: 33px;
  height: auto!important;
  height: 33px;
}

#secondaryMenu li a
{
  border-bottom: 1px solid #6799b1;
  margin: 10px 0 15px 0;
  padding-left: 24px;
  min-height: 33px;
  height: auto!important;
  height: 33px;
}

#secondaryMenu li.space
{
  padding: 70px;
}

#secondaryMenu li,
#secondaryMenu li a,
#secondaryMenu li a.selected,
#secondaryMenu li a.selected:hover,
#secondaryMenu li a.unselected:hover
{
  color: #17638d;
  font-weight: bold;
  display: block;
}

#secondaryMenu li a:hover,
#secondaryMenu li a.unselected
{
  color: #83aac2;
  border-bottom: 1px solid #83aac2;
  text-decoration: none;
}

#secondaryMenu #first a,
#secondaryMenu #first a.selected,
#secondaryMenu #first a.selected:hover,
#secondaryMenu #first a.unselected:hover
{
  background: transparent url(../images/skin/css/menu_sec_1.gif) no-repeat left bottom;
}
#secondaryMenu #first a:hover,
#secondaryMenu #first a.unselected
{
  background: transparent url(../images/skin/css/menu_sec_1_hover.gif) no-repeat left bottom;
}

#secondaryMenu #second a,
#secondaryMenu #second a.selected,
#secondaryMenu #second a.selected:hover,
#secondaryMenu #second a.unselected:hover
{
  background: transparent url(../images/skin/css/menu_sec_2.gif) no-repeat left bottom;
}
#secondaryMenu #second a:hover,
#secondaryMenu #second a.unselected
{
  background: transparent url(../images/skin/css/menu_sec_2_hover.gif) no-repeat left bottom;
}

#secondaryMenu #third a,
#secondaryMenu #third a.selected,
#secondaryMenu #third a.selected:hover,
#secondaryMenu #third a.unselected:hover
{
  background: transparent url(../images/skin/css/menu_sec_3.gif) no-repeat left bottom;
}
#secondaryMenu #third a:hover,
#secondaryMenu #third a.unselected
{
  background: transparent url(../images/skin/css/menu_sec_3_hover.gif) no-repeat left bottom;
}

#secondaryMenu #fourth a,
#secondaryMenu #fourth a.selected,
#secondaryMenu #fourth a.selected:hover,
#secondaryMenu #fourth a.unselected:hover
{
  background: transparent url(../images/skin/css/menu_sec_4.gif) no-repeat left bottom;
}
#secondaryMenu #fourth a:hover,
#secondaryMenu #fourth a.unselected
{
  background: transparent url(../images/skin/css/menu_sec_4_hover.gif) no-repeat left bottom;
}

#secondaryMenu #pregnantWoman
{
  padding: 80px 0px;
}

#secondaryMenu #conseil
{
  text-align: right;
  color: #18419C;
  font-size: 13px;
  background: transparent url(../images/skin/css/arrowSpecial.gif) no-repeat 30px 8px;
}
#secondaryMenu #conseil a
{
  font-size: 11px;
  height: 28px;
  min-height: 28px;
  border: none;
  vertical-align: middle;
  padding-right: 3px;
  padding-top: 5px;
  background: transparent url(../images/skin/css/bgBtn_Inscrivezvous.jpg) no-repeat right top;
}

/* rightCol */
#rightCol
{
  position:relative;
  float: left;
  width: 400px;
}

#rightCol a
{
  color: #17638a;
}

/* HOME rub */
#rightCol .firstRub
{
  float: left;
  padding-left: 3px;
}

#rightCol .rub
{
  float: left;
  clear: left;
  padding-left: 15px;
  width: 425px;
}
#rightCol .firstRub,
#rightCol .rub{
  margin-bottom: 40px;
}
#rightCol .rub .separator
{
  margin: 0 30px 0 5px;
  clear: both;
  font-size: 0;
  line-height:0;
  border-bottom: 1px solid #89afc3;
}

#rightCol .lastRub
{
  float: left;
  clear: left;
  margin-bottom: 3px;
  padding-left: 15px;
  width: 425px;
}

#rightCol .rubMedia
{
  float: left;
}

#rightCol .rubtitle
{
  float: left;
  margin-bottom: 8px;
}


#rightCol .firstRubtitle
{
  float: left;
  margin-top: 16px;
  margin-left: 10px;
}

#rightCol img.firstRubImg
{
  position: relative;
  float: left;
  top: -31px;
  margin-bottom: -31px;
}

#rightCol .rubRightCol
{
  float: left;
  margin: 0 0 0 11px;
}

#rightCol .rubRightFirstCol
{
  float: left;
  width: 390px;
  border-bottom: 1px solid #89afc3;
  margin-left: 17px;
}

#rightCol .rubRightLastCol
{
  float: left;
  margin-left: 11px;
  padding-bottom: 12px;
  margin-bottom: 0;
}

#rightCol .rightColText
{
  clear: left;
  width: 282px;
  padding-bottom: 8px;
}

#rightCol .rightColFirstText
{
  padding-bottom: 8px;
}

#rightCol .homeLink
{
  text-decoration: none;
  cursor: pointer;
  display: block;
  float: left;
}

#rightCol .firstRub .homeLink
{
  width: 408px;
}

/* Roll Over */
#rightCol .homeLink:hover .rightColText,
#rightCol .homeLink:hover .rightColFirstText
{
  background-color: #f9f5ac;
}

/* PAGE Content */
#rightCol .pageRub
{
  margin-left: 15px;
  padding-right: 10px;
}

#rightCol .pageRubTitle
{
  float: left;
  width: 100%;
  margin: 30px 0 20px 0;
}

#rightCol .pageRubText
{
  clear: both;
  margin: 10px 0;
}

#rightCol .paragraph
{
  width: auto;
  margin-bottom: 10px;
}
#rightCol .paragraph a
{
  text-decoration: underline;
}

#rightCol .paragraphTitle
{
  font-weight: bold;
  padding: 10px 0px;
}

#rightCol .paragraphHotspot
{
  font-weight: bold;
  padding: 10px 0 15px 30px;
  background: transparent url(../images/skin/css/arrow.gif) no-repeat 11px 12px;
}
#rightCol .paragraphContenu
{
  width: auto;
  padding: 10px 0 15px 30px;
  background: transparent url(../images/skin/css/arrow.gif) no-repeat 11px 12px;
}
#rightCol .paragraphLegend
{
  font-size: 9px;
}

#rightCol .paragraphUl
{
  clear: both;
  list-style: circle outside none;
  padding: 0;
  margin: 0 0 10px 20px;
}
#rightCol .paragraphLi
{
  padding: 2px 0px;
}

.bilan_magnesium #rightCol .dblColumn img
{
  float: right;
}
.bilan_magnesium #rightCol .dblColumn .paragraph
{
  text-align: left;
  float:none;
}
#rightCol .dblColumn
{
  float: left;
  width: 100%;
  margin: 10px 0;
  text-align: right;
}

#rightCol .dblColumn .paragraph
{
  float: left;
}

#rightCol .dblColumn img
{
  margin: 0 5px;
}

/* testForm */
#rightCol .testFormNav
{
  float: left;
  list-style-type: none;
  margin-left: 15px!important;
  margin-left: 0;
}

#rightCol .testFormNav li
{
  margin: 0 17px;
}

#rightCol .testFormNav li,
#rightCol .testFormNav li a
{
  float: left;
  display: block;
  font-weight: bold;
  height: 20px;
  width: 58px;
  text-align: center;
}

#rightCol .testFormNav li a:hover,
#rightCol .testFormNav li.selected a
{
  text-decoration: none;
  background: transparent url(../images/skin/css/testFormNav_bg.gif) no-repeat left top;
}

#testForm
{
  float: left;
  clear: left;
  width: 413px;
  background: transparent url(../images/skin/css/testForm_bg.jpg) no-repeat left top;
}

#testForm p.bilan_result{
  padding: 10px 5px 50px 5px;
}
.testFormResult
{
  margin-top: 20px;
  margin-left: 0;
  padding-left: 10px;
  background: transparent url(../images/skin/css/testForm_bg.jpg) no-repeat left top;
}

#testForm fieldset
{
  border: none;
}


#testForm .paragraph
{
  margin: 15px 5px 7px 5px;
  font-weight: bold;
}

.testFormResult .paragraph
{
  padding-right: 10px;
}

#testForm .form-block
{
  float: left;
  clear: both;
  width: 100%;
  margin: 5px 0;
}

#testForm .form-row
{
  float: left;
  margin: 0 3px 0 5px!important;
  margin: 0 3px 0 3px;
}


#testForm .form-row label
{
  font-size: 8pt;
  letter-spacing: -1px;
}

#testForm .form-row .testFormSubmit
{
  float: right;
  margin-top: 30px;
  margin-right: 30px!important;
  margin-right: 15px;
  display: block;
  padding-top: 2px;
  height: 20px;
  width: 57px;
  text-align: center;
  font-size: 8pt;
  font-weight: bold;
  background: transparent url(../images/skin/css/testFormSubmit_bg.gif) no-repeat left top;
}

#testForm .form-row a.testFormSubmit:hover
{
  text-decoration: none;
}

#testForm .form-row  input.testFormSubmit
{
  color: #17638a;
  padding-bottom: 2px;
  border: none;
  cursor: pointer;
}

/* emailForm */
#emailForm
{

}

#emailForm .form-row
{
  clear: left;
  float: left;
  margin: 3px 0;
  width: 100%;
}

#emailForm label.labelText
{
  float: left;
  display: block;
  width: 130px;
}

#emailForm input.inputText
{
  float: left;
  display: block;
  width: 270px;
  border: 1px solid #afafaf;
}

#emailForm .form-block
{
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0;
}

#emailForm .form-block .form-row
{
  clear: none;
  width: auto;
  margin: 0 15px;
}

#emailForm .form-block .label
{
  float: left;
  display: block;
  width: 180px;
  height: 18px;
  line-height: 18px;
}

#emailForm .form-block .form-row label.labelRadio
{
  display: inline;
  width: 15px;
}

#emailForm .form-block .form-row input.inputText
{
  display: inline;
  width: 20px;
  border: 1px solid #afafaf;
}

#emailForm .form-row .emailFormSubmit,
#emailForm .form-row .emailFormVisu
{
  float: right;
  margin-top: 30px;
  margin-right: 15px!important;
  margin-right: 0;
  display: block;
  height: 21px;
  width: 119px;
  text-align: center;
  font-size: 8pt;
  font-weight: bold;
  background: transparent url(../images/skin/css/emailFormSubmit_bg.gif) no-repeat left top;
  color: #17638a;
  padding-bottom: 2px;
  border: none;
  cursor: pointer;
}

/* friendFormHepar */
#friendFormHepar label.labelText
{
  float: left;
  display: block;
  width: 180px;
}

#friendFormHepar input.inputText
{
  float: left;
  display: block;
  width: 230px;
  border: 1px solid #afafaf;
}

#friendFormHepar .form-block
{
  width: 390px;
}

#friendFormHepar .form-block .label
{
  width: 240px;
}

#friendFormHepar .form-block .form-row
{
  float: right;
  clear: right;
  width: 119px;
}

#friendFormHepar .form-row .emailFormSubmit,
#friendFormHepar .form-row .emailFormVisu
{
  margin-top: 0;
  margin-bottom: 10px;
}

#emailForm .form-row .emailFormVisu
{
  padding-top: 2px;
  background: transparent url(../images/skin/css/emailFormVisu_bg.gif) no-repeat left top;
}

#emailForm .form-row .emailFormVisu:hover
{
  text-decoration: none;
}

/* F.A.Q. */
#faq ul
{
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
}
#faq li
{
  padding: 2px 0px;
}
#faq a
{
  font-weight: bold;
  background: transparent url(../images/skin/css/arrowSimple.gif) no-repeat 0px 2px;
  padding-left: 15px;
}
#faq a.selected
{
  background: transparent url(../images/skin/css/arrowOrange.gif) no-repeat 0px 2px;
  color: #FF9E31;
}

#answers
{
  float: left;
  width: 416px;
}
#answers #answerTop, #answers #answerBottom
{
  width: 416px;
  height: 15px;
}
#answers #answerTop
{
  background: transparent url(../images/skin/css/answerTop.gif) no-repeat bottom left;
}
#answers #answerBottom
{
  background: transparent url(../images/skin/css/answerBottom.gif) no-repeat top left;
}
#answers p.answer
{
  border-left: 1px solid #FF9E39;
  border-right: 1px solid #FF9E39;
  text-align: justify;
  padding: 0 10px;
  width: 394px;
}

/**/
.results .resultsTop, .results .resultsBottom
{
  width: 416px;
  height: 15px;
}
.resultsTop
{
  background: transparent url(../images/skin/css/answerTop.gif) no-repeat bottom left;
}
.resultsBottom
{
  background: transparent url(../images/skin/css/answerBottom.gif) no-repeat top left;
}
.results .content
{
  border-left: 1px solid #FF9E39;
  border-right: 1px solid #FF9E39;
  text-align: justify;
  padding: 0 10px;
  width: 394px;
}
.results h3{
  margin: 0 0 1em 0;
}

.results h4{
  margin: 1em 0 1em 0;
}
.results ul{
  list-style-type: square;
  padding: 0 0 0 20px;
}
.results ul li{
  list-style-type: square;
  margin-bottom:.5em;
}
/**/


#questionForm textarea
{
  border: 1px solid #18698C;
  width: 400px;
}
#questionForm #questionFormSubmit
{
  display: block;
  float: right;
  margin: 10px 15px 15px 0;
  padding: 0 1px 1px 0;
  background: transparent url(../images/skin/css/testFormSubmit_bg.gif) no-repeat top left;
  border: none;
  color: #10618C;
  width: 60px;
  height: 20px;
}


/* GRAND JEU HEPAR */
ul#gains, ul#gains li
{
  list-style: disc inside none;
  padding: 0;
  margin-bottom: 5px;
}
/*---------*/


/* NOTICE LEGALE */
#notice_legal
{
  font-size:9px;
}
/*---------*/


/* REGLEMENT */
#rules_text h1
{
  line-height:18px;
  font-size:16px;
  text-align:center;
  margin-bottom:1em;
}
#rules_text p.paragraphTitle
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
#rules_text p.paragraph
{
  text-align:justify;
  margin-bottom:1em;
}
#rules_text div.paragraph
{
  text-align:justify;
  margin-bottom:1em;
}

#rules_text ul
{
  list-style:square outside;
  padding: 0 0 0 14px;
  margin: 0 0 0 0;
}
#rules_text li
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
/*---------*/


/* PROGRAMME DETENTE */
#progamme_detente ul{
  list-style:disc outside;
  padding: 0 0 0 28px;
  margin: 0 0 0 0;
}
#progamme_detente p
{
  margin: 2em 0 1em 0;
}
#progamme_detente div
{
  text-align:justify;
}
#progamme_detente .renvois td
{
  font-style:italic;
}
#progamme_detente .renvois td.renvoi_paragraphe
{
  width:3em;
  text-align:center;
}
/*---------*/


#reglement
{
  padding-top: 100px;
  text-align: right;
  background: transparent url(../images/skin/css/emailFormSubmit_bg.gif) no-repeat bottom right;
  padding-bottom: 4px;
}
#reglement a
{
  font-weight: bold;
  text-decoration: none;
  color: #10618C;
  margin-right: 15px;
}

/* Invitez des amies */
#invitationForm
{
  margin-left: 15px;
}
#invitationForm fieldset
{
  border: none;
}
#invitationForm .form-row
{
  margin: 4px 0px;
}
#invitationForm input
{
  width: 230px;
  border: 1px solid #10618C;
}
#invitationForm input#submit
{
  float: right;
  margin: 20px 10px 0 0;
  padding-right: 20px;
  border: none;
  width: 120px;
  height: 20px;
  background: transparent url(../images/skin/css/emailFormSubmit_bg.gif) no-repeat top right;
  text-align: right;
  font-weight: bold;
  color: #10618C;
}


/* Identification & Inscription */
#identificationForm,
#inscriptionForm
{
  margin-right: 30px;
}
#passwordForm
{
  width: 260px;
}

#identificationForm fieldset,
#passwordForm fieldset,
#inscriptionForm fieldset
{
  border: none;
}
#identificationForm .form-row,
#passwordForm .form-row,
#inscriptionForm .form-row
{
  margin: 4px 0px;
}
#identificationForm .form-row,
#inscriptionForm .form-row
{
  text-align: right;
}
#identificationForm input,#identificationForm .TextBox,
#passwordForm input,
#inscriptionForm input
{
  width: 200px;
  border: 1px solid #10618C;
}
#identificationForm input.checkbox, #identificationForm input.radio, #identificationForm .radio input,
#inscriptionForm input.checkbox, #inscriptionForm input.radio, #inscriptionForm .radio input,
#inscriptionForm .checkbox input, #identificationForm .checkbox input
{
  width: 20px;
  border: none;
  background: none;
}
#identificationForm input#submitIdentification,
#identificationForm input#submitInscription,
#passwordForm input#submit,
#inscriptionForm input#submitInscription
{
  float: right;
  border: none;
  width: 120px;
  height: 20px;
  background: transparent url(../images/skin/css/emailFormSubmit_bg.gif) no-repeat top right;
  text-align: right;
  font-weight: bold;
  color: #10618C;
  margin: 10px 10px 0 0;
}
#identificationForm input#submitIdentification
{
  padding-right: 20px;
}
#inscriptionForm input#submitInscription,
#identificationForm input#submitInscription
{
  padding-right: 30px;
}
#passwordForm input#submit
{
  padding-right: 30px;
}

#inscriptionForm #civilite,
#identificationForm #civilite
{
  padding-right: 66px;
}
#inscriptionForm #newsletterDiv,
#inscriptionForm #offerDiv
{
  margin-top: 20px;
}
#inscriptionForm #reglementDiv,
#inscriptionForm #newsletterDiv,
#inscriptionForm #offerDiv,
#identificationForm #reglementDiv,
#identificationForm #newsletterDiv,
#identificationForm #offerDiv{
  text-align: left;
  margin-left: 100px;
}

a#sendPwd
{
  float: right;
  text-decoration: underline;
  margin-right: 30px;
}


/* Bottom List */
#footer
{
  list-style-type: none;
  text-align: right;
  margin-top: 5px;
  margin-right: 10px;
}

#footer li
{
  font-size: 8pt;
  display: inline;
  border-right: 1px solid #131e82;
  padding: 0 10px;
}

#footer li.last
{
  display: inline;
  border-right: none;
}

#footer,
#footer a
{
  color: #131e82;
}

.deinscription_content
{
  margin: 50px auto 0 auto;
}
.deinscription_content #form1
{
  margin: 30px auto 0 auto;
}

#jeu_resultat #topContent
{
  background:transparent url(../images/skin/css/jeu_resultat_top.jpg) no-repeat scroll left top;
  width:760px;
}
#jeu_resultat #topContent
{
  background:transparent url(../images/skin/css/jeu_resultat_top.jpg) no-repeat scroll left top;
  width:760px;
}
#jeu_resultat #content
{
  width:760px;
}
#jeu_resultat #bottomContent
{
  background:transparent url(../images/skin/css/jeu_resultat_bottom.gif) no-repeat scroll left top;
  width:760px;
}
.firstRub{
  margin-bottom: 20px;
}
/*css rules specific to the promotion page */
.promo_accroche{
  margin-top: 42px;
  background: transparent url(/images/promos/accroche.png) no-repeat left top;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/promos/accroche.png', sizingMethod='crop');
}
.promotion #content{
  height: auto;
}
.promoRubtitle{
  margin-top: 30px;
  margin-bottom: 20px;
}
.promotion #rightCol h1{
  font-size: 8pt;
  line-height: 18pt;
  padding:0;
}
.promotion .condition_utilisation p{
  font-size: 7pt;
}
p.accroche{
  font-size: 9pt;
}
.promotion .explication p{
  font-size: 8pt;
}
.promotion p.adresse,
.promotion p.liste_element{
  margin-top: 1em;
}
.promotion p.adresse{
  margin-bottom: 1em;
}
.promotion .modalite{
  margin: 1em 0;
}
/*css rules specific to the 33cl page */

.bouteille_33cl #topContent,
.bouteille_33cl #content,
.bouteille_33cl #bottomContent{
  background: none;
}
#presentation_33cl{
  visibility:hidden;
}
.bouteille_33cl #content{
  height: 570px;
}
/* */

.magnesium_a_sa_source #rightCol h1,
.femmes_enceintes_bebes #rightCol h1{
  font-size: 8pt;
  line-height: 18pt;
  padding:0;
  margin-bottom:1em;
}
.femmes_enceintes_bebes #rightCol .rub,
.femmes_enceintes_bebes #rightCol .firstRub{
  margin-bottom:1em;
}
.femmes_enceintes_bebes #rightCol .rub{
  padding-left: 3px;
}
.femmes_enceintes_bebes #rightCol .rub p{
  margin-bottom: 1em;
}
.femmes_enceintes_bebes #leftCol .leftColSubtitle{
  margin-top: 0;
  font-weight: bold;
}
.femmes_enceintes_bebes #rightCol .firstRubtitle{
  margin-left: 0;
}
.femmes_enceintes_bebes #content {
  height:auto;
  position: relative;
}
.femmes_enceintes_bebes .visuel{
  position:absolute;
  bottom:0;
  left: 10px;
}
.femmes_enceintes_bebes .composition{
  clear:left;
  float:left;
  width: 425px;
  margin-bottom: 1em;
}
.femmes_enceintes_bebes .composition div{
  background-color: #FFFBE8;
  padding: .5em;
  border: 2px solid #FCF6A9;
}

.femmes_enceintes_bebes .composition h2{
  font-size: 12pt;
  line-height: 1.2em;
  margin-bottom: .75em;
}
.body #content{
  height:auto;
}

/* jeu hepar 33cl */
.grand_jeu_hepar #rightCol .erreur{
  color: #FF3333;
  font-weight: bold;
  font-size: 14px;
}
.grand_jeu_hepar #leftCol{
  padding: 0;
  width: 290px;
}
.grand_jeu_hepar #leftCol #secondaryMenu{
  margin: 0 25px 54px 25px;
}
  .grand_jeu_hepar #leftCol .coffret_vitalites{
    margin: 0 0 0 25px;
  }

  .grand_jeu_hepar #leftCol #secondaryMenu li{
    margin-bottom: 27px;
  }
  .grand_jeu_hepar .coffret_vitalites{
    background: transparent url(/images/jeu/33cl/coffret_vitalites.png) no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jeu/33cl/coffret_vitalites.png', sizingMethod='scale');
  }
  .coffret_vitalites{
    background: transparent url(/images/jeu/33cl/coffret_vitalites.png) no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jeu/33cl/coffret_vitalites.png', sizingMethod='scale');
  }

.grand_jeu_hepar #rightCol{
  width: 440px;
}

.grand_jeu_hepar #rightCol .firstRub{
  margin: 7px 0 4px 0;
}
.grand_jeu_hepar #rightCol .rub{
  margin-bottom: 4px;
  width:404px;
}
  .grand_jeu_hepar #rightCol .rightColText{
    width:390px;
    margin: 0 10px 0 0;
  }
  .grand_jeu_hepar #rightCol .information{
    text-align: right;

    margin: 0 10px 20px 0;

  }
  .grand_jeu_hepar #rightCol .information a{
    color: #17638D;
    font-weight: bold;
    text-decoration: underline;
  }

.grand_jeu_hepar .formulaire{
  float:left;
  width: 431px;
  height: 400px;
  background: #FFFFFF url(/images/jeu/33cl/encadre_formulaires_jeu.jpg) no-repeat left top;
}

  .grand_jeu_hepar .formulaire .reglement{
    float: right;
  }
  .grand_jeu_hepar .formulaire .container{
    font-size: 10px;
    margin:0pt 40px 0pt 20px;
    color: #000000;
    position: relative;
  }

  .grand_jeu_hepar .formulaire #age{
    width: 3em;
  }
  .grand_jeu_hepar .formulaire table{
    margin: 5px 0 5px 0;
  }
  .grand_jeu_hepar .intitule{
    padding-right: 2px;
    text-align: right;
    height: 25px;
  }
  .grand_jeu_hepar .formulaire .jouer{
    border: none;
    width: 116px;
    height: 36px;
    cursor: pointer;
    background: transparent url(/images/jeu/33cl/bouton_jouer.png) no-repeat left top;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jeu/33cl/bouton_jouer.png', sizingMethod='scale');
    float: right;
  }

/* page dotation */

.grand_jeu_hepar .dotation{
  width: 390px;
}
.grand_jeu_hepar .dotation img{
  display: block;
  margin: auto;
}
.dotation #rightCol .rub{
  padding:0;
  width:419px;
}
.dotation #rightCol .rub .rubRightCol{
  margin: 0;
}
/* page resulat */

.page_resulat #main_rub{
  text-align: center;
}
.page_resulat #main_rub p{
  margin: 1em 0 1em 0;
}
.cliquez_ici img{
  width: 126px;
  height: 36px;
  cursor: pointer;
  background: transparent url(/images/jeu/resultat/bouton_cliquez_ici.png) no-repeat left top;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jeu/resultat/bouton_cliquez_ici.png', sizingMethod='scale');
}

/* page parrainage */

.jeu_parrainage #rightCol .rightColText{
  width: 404px;
}

.jeu_parrainage .formulaire th{
  font-family: Helvetica, serif;
  font-size: 18px;
  color: #87137D;
  font-weight: 0;
}
.jeu_parrainage .formulaire th span{
  font-family: Helvetica, serif;
  display: block;
  font-size: 10px;
  color: #000000;
  font-weight: 0;
}
.jeu_parrainage .envoyer{
  border: none;
  width: 144px;
  height: 44px;
  cursor: pointer;
  background: transparent url(/images/jeu/parrainage/boutton_envoyer.png) no-repeat left top;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jeu/parrainage/boutton_envoyer.png', sizingMethod='scale');
}

.jeu_parrainage .formulaire{
  width: 404px;
}
.jeu_parrainage .formulaire table{
  width: 100%;
}
.jeu_parrainage .formulaire table th,
.jeu_parrainage .formulaire table td{
  text-align: left;
  width: 202px;
  vertical-align: top;
}
.jeu_parrainage .formulaire table td.mail_parrainage{
  vertical-align: middle;
  height:30px;
}
.jeu_parrainage .formulaire table td.mail_parrainage input{
  width: 180px;
}
.jeu_parrainage .formulaire table td.message{
  vertical-align: middle;
}
.jeu_parrainage .formulaire table td.message textarea{
  height: 140px;
  width: 200px;
}

/* les bienfaits */

.texte_box_general
{
	padding-top:11px;
	_padding-top:5px;
	clear:both;
	padding-left:11px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#0a1378;
}

.important_cap
{
	text-transform:uppercase;
}

.leftColTitle_02
{
  margin-top: 22px;
  color: #17638a;
  font-size: 12px;
  font-weight: bold;
}

.asterix_
{
	font-size:9px;
}
.droite
{
	float:right;
}
.clear
{
	clear:both;
}
/* pages question */

.question .suivant{
  border: none;
  width: 116px;
  height: 36px;
  float: right;
  cursor: pointer;
  background: transparent url(/images/bilan_magnesium/boutton_suivant.png) no-repeat left top;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bilan_magnesium/boutton_suivant.png', sizingMethod='scale');
}

#rightCol .firstRub, #rightCol .rub {
  margin-bottom:5px;
}

.question form table td {
  height: 35px;
  vertical-align: top;
}
.question #rightCol .rub{
  width: 404px;
}
.question .question_position{
  color: #0A1378;
  font-weight: bold;
  padding: 0 0 0 15px;
  background: transparent url(/images/bilan_magnesium/puce_position.jpg) no-repeat left 50%;
}
.question form p{
  margin: 1em 0 0 0;
  font-weight: bold;
}
.question form table{
  margin: 1em 0 1em 0;
}
#flash_formats{
  visibility: hidden;
  padding: 0 0 0 10px;
}
/*
#bienfaits{
  position: absolute;
  top:135px;
  left:0;
}

#home_33{
  position: absolute;
  top:271px;
  left:0;
}
*/
.picto_magnesium{
  float:left;
  margin-right: 5px;
}
.img_center{
  display: block;
  margin: 1em auto 1em auto;
}
.images_left{
  float:left;
  margin-right: 10px;
}
.pdfs {
  background: transparent url(/images/pdfs_background.gif) no-repeat left top;
  width: 411px;
  height: 288px;
  display: block;

}
.pdfs div{
  margin: 60px 23px 31px 95px;
}
.pdfs table{
  width: 290px;
  height: 200px;
}
.pdfs select{
  width: 250px;
}
.bilan_magnesium #rightCol {
  width:430px;
}
.bilan_magnesium #rightCol .pageRub{
  margin-left:0;
}

.bilan_magnesium #rightCol .dblColumn .commencer_le_test img{
  float:none
}

.bilan_magnesium #rightCol .dblColumn p.commencer_le_test{
  text-align: center;
}
.commencer_le_test img{
  border: none;
  width: 195px;
  height: 36px;
  cursor: pointer;
  background: transparent url(/images/bilan_magnesium/bouton_commencer_le_test.png) no-repeat left top;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bilan_magnesium/bouton_commencer_le_test.png', sizingMethod='scale');
}
p.definition{
  font-size: 11px;
  text-align:left;
}

.femmes_enceintes_bebes img{
  margin-left:10px;
}
.femmes_enceintes_bebes p{
  /*text-align: justify;*/
}
#error{
  font-weight: bold;
  margin: 1em 0 1em 0;
}
.question table{
  margin: 1em 0 1em 0;
}
.composition{
  float:right;
  border: none;
  width: 209px;
  height: 278px;
  cursor: pointer;
  background: transparent url(/images/magnesium_a_sa_source/composition.png) no-repeat left top;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/magnesium_a_sa_source/composition.png', sizingMethod='scale');
}

#home_33{
  margin-top: 1em;
}
.rub_home{
  border-bottom: 1px solid #89AFC3;

  padding: 1em 0 .75em 0;
}
.rub_home a,
.rub_home a:hover{
  text-decoration:none;
}
.rub_home img{
  float:left;
}
.rub_home p img{
  float:none;
  display:block;
  margin-bottom: .5em;
}
.rub_home div{
  clear:left;
}
#rightCol .last_rub{
  border: none;
}
.femmes_enceintes_bebes #rightCol ul{
  padding: 0 0 0 20px;
}
.les_bienfaits #rightCol ul{
  padding: 0 0 0 20px;
}
.les_bienfaits #rightCol p{
  font-size: 12px;
}
.les_bienfaits #rightCol li{margin: 0 0 10px 0; font-size: 12px;}
.les_bienfaits #rightCol h1{font-size: 15px;font-weight: bold;margin: 2em 0 1em 0;}
.history .bottom_content{
  width:730px;
  background: white url(../images/skin/css/content_bg.gif) repeat-y left top;
}
.history #frise_flash{
  margin: 0 auto 0 auto;
  width: 688px;
}
.encadre{
  width:730px;
  background: white url(../images/skin/css/content_bg.gif) repeat-y left top;
  clear: left;
  padding: 25px 0 17px 0;


}
.encadre div{
  margin: 0 25px 0 25px;
  padding: 10px;
  border: 2px solid #FBF280;
  background-color: #FDF8B7;
  color:#17638D;
}
.encadre div p{
  border-collapse: ;
  margin-bottom: 10px;
}
.encadre div ul{
  padding-left:20px;
}

.encadre div p.signature{
  padding: 10px 0 0 0;
  text-align: center;
  font-weight: bold;
}
#leftCol .decoration{
  display: block;
  margin: 25px auto 0 auto;
}
.title{
  font-size: 1.2em;
  text-align: center;
}

.les_bienfaits #rightCol p.asterix{
  font-size:9px;
}
.illustration{
  margin: 0 8px 4em 0;
}