/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

/* Site */
body {background: #e32619 url(../images/bg_body.gif) repeat-x left top; font-family: Arial; font-size: 12px;
behavior: url("library/htc/csshover3.htc");}
#site {width: 994px; margin: 0 auto 0 auto;background: #fff;}

/* Header */
#header {width: 886px; height: 97px; float: left;background: url(../images/bg_header.gif) repeat-x left top;}
#header h1 {float: right;}
#header h1 a {display: block; width: 146px; height: 97px;
  background: url(../images/logo_rennie_header.gif) no-repeat left top;}
#header ul li {float: left; margin-top: 27px; position: relative;}
#header ul li a {display: block; height: 48px; width: 102px; background-position: left top; background-repeat: no-repeat;}
#header ul li#gamme a {background-image: url(../images/menu_gamme.jpg);}
#header ul li#marque a {background-image: url(../images/menu_marque.jpg); margin-left: 20px;}
/*#header ul li#marque a:hover {background-image: url(../images/menu_marque2.jpg); margin-left: 20px; background-repeat:no-repeat;}*/
#header ul li#newsletter a {background-image: url(../images/menu_newsletter.jpg);}
#header ul ul {display: none; margin: 0 0 0 0; padding: 0 1px 0 0; position: absolute; width: 102px; top: 48px; left: 17px; background: url(../images/bg_submenu_hover.gif) repeat-x left top; border: 0;}
#header ul li#gamme ul {width: 101px; left: 0px;}
#header ul li#marque ul {width: 101px; left: 20px;}
#header ul li:hover ul {display: block;}
#header ul ul li {margin: 0; padding: 0; float: none;}
#header ul li#marque ul a, #header ul li#gamme ul a {margin: 0; padding: 8px 0 8px 0; font-size:11px; text-align: center; background-image: none;}
#header ul ul li a {display: block;  height: auto; background: url(../images/bg_submenu_hover.gif) repeat-x left top;  text-decoration: none; color:#fff; border-top: 1px solid #660001; font-weight: bold; padding: 0 3px 0 3px;}
#header ul ul li a:hover {background-color: #bc1625; text-decoration: none; color:#fff;}
#header ul ul li a span {display: block;}
#header ul li a:hover {background-position: 0 -48px;}
#header ul#menu ul {DISPLAY: none}
#header ul#menu li.folder:hover {Z-INDEX: 10;}
#header ul#menu:hover li:hover a {background-position: 0 -48px;}
#header ul#menu li:hover UL UL {DISPLAY: block}
#header ul#menu li:hover UL {DISPLAY: block}
#header ul#menu li:hover LI:hover UL {DISPLAY: block;}
#header #newsletterForm {float: left; margin-top: 41px; background: url(../images/bg_input.gif) no-repeat left top;}
#header #newsletterForm input {background-color: transparent; border: 0;}
#header #newsletterForm input.text {float: left; margin-top: 3px !important; margin-top: 4px; width: 197px; height: 20px; color: #000; font-size: 10px; padding: 0 0 0 5px; }
#header #newsletterForm a {width: 18px; height: 17px; background: url(../images/btn_ok.gif) no-repeat; background-position: 0 0; margin: 0px 0 0 0; float: left; padding: 1px 0 0 0;}
#header #newsletterForm a:hover { background-position: 0 -18px;}
a#spot_tv {display: block; width: 76px; height: 36px; float: left; margin: 33px 0 0 10px;
  background: url(../images/visualiser_spot_tv.gif) no-repeat left top;}

/* Footer */
#footer {height: 40px; padding-left: 30px;}
#footer ul li {float: left; margin-top: 14px; font-family: Arial;font-size: 10px; color: #c40e27;}
#footer ul li.visa {padding: 0 7px 0 5px;}
#footer ul li a { font-family: Arial; padding: 0 7px 0 5px; font-size: 10px; color: #c40e27; text-decoration: none; background: url(../images/footer_separation_menu.gif) no-repeat right top;}
#footer ul li a.last {background: none;}
#footer ul li a:hover {text-decoration: underline;}
#footer a#bayer {display: block; cursor: default; float: right; width: 116px; height: 22px; margin: 10px 25px 0 0; background: url(../images/logo_bayer_healthcare.gif) no-repeat left top;}
#mentions{ color:#3e584d; font-size:10px; padding-left: 35px; padding-bottom:10px; padding-top:10px; }
.navsec {height: 15px; padding-left: 35px;}
.navsec ul li {float: left; margin-top: 5px; font-family: Arial;font-size: 10px; color: #c40e27;}
.navsec ul li a { font-family: Arial; padding: 0 7px 0 5px; font-size: 10px; color: #c40e27; text-decoration: none; background: url(../images/footer_separation_menu.gif) no-repeat right top;}
.navsec ul li a.last {background: none;}
.navsec ul li a:hover {text-decoration: underline;}


/* Shortcuts */
#shortcuts {height: 200px;}
#shortcuts .shortcut {width: 248px; height: 200px; float: left;background-repeat: repeat-x; background-position: left top;}
#shortcuts .separation {width:1px; height: 200px; float: left; background-image: url(../images/bg_shortcut_separation.gif);}
#shortcuts h3 {display: block; width: 96px; height: 33px; margin: 19px 0 5px 29px; background-repeat: no-repeat;}
#shortcuts h3 a {display: block; width: 96px; height: 33px; margin: 0; }
#shortcuts p {padding: 10px 98px 0 29px; margin-right: 23px; color: #3f3e42; height: 94px; font-size: 11px;
  background-repeat: no-repeat; background-position: right top;}
#shortcuts p a { text-decoration: none; color: #3f3e42;}
#shortcuts a.button span, #shortcuts h3 span {display: none;}
#shortcuts a.button {display: block; width: 77px; height: 19px; margin-left: 29px;}
#shortcuts .shortcut#systeme_digestif {background-image: url(../images/bg_shortcut_grey.gif); width: 247px;}
#shortcuts .shortcut#systeme_digestif h3 {background-image: url(../images/h3_systeme_digestif.gif);}
#shortcuts .shortcut#systeme_digestif a.button {background-image: url(../images/btn_savoir_plus_grey.gif);}
#shortcuts .shortcut#systeme_digestif p {background-image: url(../images/bg_shortcut_systeme_digestif.gif);}
#shortcuts .shortcut#bonnes_pratiques {background-image: url(../images/bg_shortcut_green.gif);}
#shortcuts .shortcut#bonnes_pratiques h3 {background-image: url(../images/h3_bonnes_pratiques.gif); width: 213px;}
#shortcuts .shortcut#bonnes_pratiques a.button {background-image: url(../images/btn_jouez_green.gif); width: 86px;}
#shortcuts .shortcut#bonnes_pratiques p {background-image: url(../images/bg_shortcut_bonnes_pratiques.gif);}
#shortcuts .shortcut#vraifaux {background-image: url(../images/bg_shortcut_blue.gif);}
#shortcuts .shortcut#vraifaux h3 {background-image: url(../images/h3_vrai_faux.gif); width: 213px;}
#shortcuts .shortcut#vraifaux a.button {background-image: url(../images/btn_savoir_plus_blue.gif);}
#shortcuts .shortcut#vraifaux p {background-image: url(../images/bg_shortcut_vrai_faux.gif);}
#shortcuts .shortcut#coach_rennie {background-image: url(../images/bg_shortcut_yellow.gif);}
#shortcuts .shortcut#coach_rennie h3 {background-image: url(../images/h3_coach_rennie.gif); width: 86px;}
#shortcuts .shortcut#coach_rennie a.button {background-image: url(../images/btn_savoir_plus_yellow.gif); width: 86px;}
#shortcuts .shortcut#coach_rennie p {background-image: url(../images/bg_shortcut_coach_rennie.gif);}
#shortcuts .shortcut a:hover {background-position: 0 -19px;}

/* Elements cachés */
#header h1 span,#header ul li a span,a#spot_tv span, #footer a#bayer span, #shortcuts h3 span,#shortcuts a span, #header #newsletterForm a span {display: none;}

.clear {clear: both;}

/* prettyPhoto */

div.pp_overlay {
  background: #A81721;
}
.pp_description {
  font-family: Verdana,Helvetica,sans-serif;
  line-height: 1.4em;
  color: #A81721;
  font-size: 12px;
  font-weight: bold;
}