/* CSS Document */


body{ margin:0px; padding:0px; background: #E3E3E3 url(../images/bg.jpg) repeat-x left -10px; font-family:Arial, Helvetica, sans-serif;}

.site{ height:637px; background:url(../images/bg_footer.jpg) no-repeat center bottom;}

img{ border:0px;}

form{ padding:0px; margin:0px;}

.wrapper{ width:960px; margin:auto; position:relative;}

.header{ height:60px; /*padding-left:40px;*/ position:relative;  width:876px; margin:auto; *z-index:90000;}
.main{ height:448px;}
.footer{ position:absolute; top:582px; width:100%;}

.headerTop{ position:absolute; z-index:90000;}
.logo{ top:64px; left:5px; position:absolute;}

.flash{ width:876px; height:450px; margin:0 auto 0 auto;}

.menu{ position:absolute; padding-top:10px; text-align:center; width:810px; top:510px;}
.menu ul{ list-style:none; padding:0px; margin:0px; height:61px; width:735px; margin:auto;}
.menu li{ float:left; height:61px;}
.menu li a{ display:block; text-decoration:none; height:61px; overflow:hidden; font-size:1px; color:#FFF; line-height:1px; letter-spacing:9000px;}
.menu li.menu0 a{ background:url(../images/img_menu2.gif) no-repeat left top; width:163px;}
.menu li.menu1 a{ background:url(../images/img_menu.gif) no-repeat left top; width:143px;}
.menu li.menu2 a{ background:url(../images/img_menu.gif) no-repeat -143px top; width:132px;}
.menu li.menu3 a{ background:url(../images/img_menu.gif) no-repeat -276px top; width:133px;}
.menu li.menu4 a{ background:url(../images/img_menu.gif) no-repeat -407px top; width:106px;}
.menu li.menu5 a{ background:url(../images/img_menu.gif) no-repeat -571px top; width:106px;}

.menu li.menu0 a.on{ background:url(../images/img_menu2on.gif) no-repeat left; width:163px;}
.menu li.menu1 a.on{ background:url(../images/img_menu.gif) no-repeat left -61px; width:143px;}
.menu li.menu2 a.on{ background:url(../images/img_menu.gif) no-repeat -143px -61px; width:132px;}
.menu li.menu3 a.on{ background:url(../images/img_menu.gif) no-repeat -276px -61px; width:133px;}
.menu li.menu4 a.on{ background:url(../images/img_menu.gif) no-repeat -407px -61px; width:106px;}
.menu li.menu5 a.on{ background:url(../images/img_menu.gif) no-repeat -571px -61px; width:106px;}

.menu li.menu0 a:hover{ background:url(../images/img_menu2on.gif) no-repeat left; width:163px;}
.menu li.menu1 a:hover{ background:url(../images/img_menu.gif) no-repeat left -61px; width:143px;}
.menu li.menu2 a:hover{ background:url(../images/img_menu.gif) no-repeat -143px -61px; width:132px;}
.menu li.menu3 a:hover{ background:url(../images/img_menu.gif) no-repeat -276px -61px; width:133px;}
.menu li.menu4 a:hover{ background:url(../images/img_menu.gif) no-repeat -407px -61px; width:106px;}
.menu li.menu5 a:hover{ background:url(../images/img_menu.gif) no-repeat -571px -61px; width:106px;}


.homeHighlight01{ position:absolute; left:30px; top:425px;}
.homeHighlight02{ position:absolute; right:0px; top:324px;}

.links{ float:right; position:relative;}
.links ul{ list-style:none; margin:0px; padding:0px;}
.links li{ float:left; font-size:10px; padding-top:26px;}
.links li a{ color:#68787E; text-decoration:none; padding:0 20px 0 20px;}
.links li a:hover{ text-decoration:underline;}

.logos{ float:left; position:relative;}
.logos ul{list-style:none; margin:0px; padding:0px;}
.logos li{ float:left; padding:0 30px 0 20px;}

.quoiCaSert{ background:url(../images/bg_aquoi-casert.jpg) no-repeat center 0px; height:344px; margin-top:18px; padding:0px 0 0 6px;}
.menuQuoiCaSert{ position:absolute; left:167px; top:426px;}
.menuPourquoiCaMarche{position:absolute; left:167px; top:422px;}
.menuLaFamille{position:absolute; left:167px; top:431px;}

.blockPlacard { position:absolute; left:835px; top:340px; width:214px; height:277px;}

.blockCarrouselContainer { width:614px; height:344px; margin:auto;}
.blockCarrouselContainer .blockCarrLeft { float:left; width:70px; padding:157px 0 0 2px;}
.blockCarrouselContainer .blockCarrCenter { float:left; width:469px; height:344px; position:relative; overflow:hidden;}
.blockCarrouselContainer .blockCarrRigth { float:left; width:26px; padding:157px 0 0 47px;}

.blockCarrCenter .blockFrameCarrousel { position:absolute; left:0px; top:0px; width:469px; height:344px; /*background:url(../images/bg_frame_canvas.gif) no-repeat left top;*/}
.blockCarrCenter .blockCarrContainer {width:469px; height:344px; /*background:#FFFFFF;*/}
.blockCarrContainer .swapContent {width:469px; height:344px;}


.systemeImmunitaire{ padding-top:28px;}

.multimedia{ width:758px; height:371px; /*background:url(../images/bg_video.jpg) no-repeat right top;*/ padding:0 0 0 100px;}

.multimedia .videMenu{ padding-top:90px;}
.multimedia .videMenu ul{list-style:none; padding:0px; margin:0px; width:267px;}
.multimedia .videMenu li{ width:267px; height:57px; float:left; display:block; padding-bottom:3px;}
.multimedia .videMenu li a{ display:block; width:267px; height:57px; text-decoration:none; height:61px; overflow:hidden; font-size:1px; color:#FFF; line-height:1px; letter-spacing:9000px;}

.multimedia .videMenu li.video01 a{ background:url(../images/bots_videos.jpg) no-repeat 0px 0px;}
.multimedia .videMenu li.video02 a{ background:url(../images/bots_videos.jpg) no-repeat 0px -60px;}
.multimedia .videMenu li.video03 a{ background:url(../images/bots_videos.jpg) no-repeat 0px -120px;}
.multimedia .videMenu li.video04 a{ background:url(../images/bots_videos.jpg) no-repeat 0px -180px;}

.multimedia .videMenu li.video01 a:hover{ background:url(../images/bots_videos.jpg) no-repeat -267px 0px;}
.multimedia .videMenu li.video02 a:hover{ background:url(../images/bots_videos.jpg) no-repeat -267px -60px;}
.multimedia .videMenu li.video03 a:hover{ background:url(../images/bots_videos.jpg) no-repeat -267px -120px;}
.multimedia .videMenu li.video04 a:hover{ background:url(../images/bots_videos.jpg) no-repeat -267px -180px;}

.multimedia .videMenu li.video01 a.on{ background:url(../images/bots_videos.jpg) no-repeat -267px 0px;}
.multimedia .videMenu li.video02 a.on{ background:url(../images/bots_videos.jpg) no-repeat -267px -60px;}
.multimedia .videMenu li.video03 a.on{ background:url(../images/bots_videos.jpg) no-repeat -267px -120px;}
.multimedia .videMenu li.video04 a.on{ background:url(../images/bots_videos.jpg) no-repeat -267px -180px;}

.multimedia .videoPlayer{ position:absolute; left:490px; top:110px; height:261px; width:336px;}

.systemeImmunitaireHighlight01{position:absolute; left:93px; top:441px;}
.systemeImmunitaireHighlight02{position:absolute; right:-5px; top:428px;}


/*********************************************/
/*    Conteudo Actimel pourquoi �a marche?   */
/*********************************************/

.contentWindow { padding:10px;}
.contentWindow .contentTitle { font-size:18px; color:#681D81; padding:0 0 8px 0; font-weight:700;}
.contentWindow .contentMain{ color:#073282; font-size:13px; text-align:justify; line-height:14px; height:294px; overflow:hidden; padding:0 5px 0 0;}
.contentWindow .contentMain p { padding:0 0 6px 0; margin:0; clear: both;}
.contentWindow .contentMain p span{ text-align:center; display:block;}
.definition { color:#4FAFDE; font-size:10px;}
.contentWindow .contentMain a { color:#681D81; text-decoration:none; padding:10px 0 0 0; font-weight:700;}
.contentWindow .contentMain a:hover{ text-decoration:underline;}
.contentWindow .contentMain ul { padding:0; margin:0 0 0 20px; list-style:none;}
.contentWindow .contentMain li { padding-bottom:10px;}
.contentMain .blockImageLeft {padding:0 9px 9px 0; float:left;}

.contentMain .heading {
font-size:18px; color:#681D81; font-weight:700;
}

.contentMain .paragraph {
font-size:24px; color:#1F4FA8;
}

.contentMain .black {
font-size:13px; color:#000;
}

.contentMain .Purple {
font-size:13px; color:#681D81;
}

.contentMain .newColor {
font-size:46px; color:#C6007B;
}

/*********************************************/
/*                  FAQ'S                    */
/*********************************************/

.faqs{ padding:0 0 0 40px;}
.faqs .faqsMenu{ float:left; width:220px; padding:88px 0 0 0;}
.faqs .faqsMenu ul{ width:196px; margin:0px; padding:0px; list-style:none;}
.faqs .faqsMenu li{width:196px; height:76px; padding-bottom:14px; float:left;}
.faqs .faqsMenu li a{width:196px; height:76px; display:block; line-height:1px; font-size:1px; color:#FFFFFF; overflow:hidden; letter-spacing:90000px; text-decoration:none;}

.faqs .faqsMenu li a { background-repeat: no-repeat; background-position: left top;}
.faqs .faqsMenu li a:hover, .faqs .faqsMenu li a.on { background-position: -196px top;}

.faqs .questions{ float:left; width:415px;}
.faqs .questions .faqsTitle{ height:90px;}
.faqs .questions .faqsMain{ background:url(../images/bg_box-list.jpg) no-repeat left top; width:395px; height:246px; padding:10px;}
.faqs .questions .faqsMain .faqsContent{ height:232px; overflow:auto;}
.faqs .questions .faqsMain .faqsContent ul{ padding:0px; margin:0px; list-style:0px;}
.faqs .questions .faqsMain .faqsContent li{ padding:0px; margin:0px; float:left; width:380px;}
.faqs .questions .faqsMain .faqsContent li a{ font-size:13px; color:#1F4FA8; text-decoration:none; padding:7px 20px 6px 20px; display:block; font-weight:700; background:url(../images/icon_arrow.gif) no-repeat left 9px;}
.faqs .questions .faqsMain .faqsContent li a:hover{ background:url(../images/icon_link-hover.gif) no-repeat left 2px; color:#814296;}
.faqs .questions .faqsMain .faqsContent li a.multiline:hover{ background:url(../images/icon_link-hover2.gif) no-repeat left 2px; color:#814296;}

.faqs .ballons{ float:left; width:257px; padding:88px 0 0 0;}

.faqs .questionOfTheMonth { color:#3852AF; font-size:12px; font-weight:bold; line-height:16px; margin:57px 0 0 26px; position:absolute; width:158px; }
.faqs .questionOfTheMonth a { color:#3852AF; text-decoration: none; }
.faqs .questionOfTheMonthName { color:#642D88; float:right; font-size:11px; font-style:italic; margin-top:5px; }

/*********************************************/
/*                  Quizz                    */
/*********************************************/

.quizz{padding-top:28px; position:relative;}
.quizz .pancarte{ position:absolute; left:15px; top:263px;}
.quizz .question{ width:655px; height:398px; background:url(../images/bg_quizz-questions.jpg) no-repeat left top; position:absolute; right:40px;}

.quizz .question .questionTitle{ position:absolute; color:#FFF; left:40px; top:50px; font-size:17px; font-weight:700; letter-spacing:-1px; width:400px;}
.quizz .question .questionNum{position:absolute; font-size:40px; font-weight:700; left:430px; top:32px; color:#FFF; width:45px; height:45px; text-align:center;}
.quizz .question .questionResponses{position:absolute; left:40px; top:130px; font-size:13px; color:#304c9d;}
.quizz .question .questionResponses dl{ width:350px; padding:0px; margin:0px;}
.quizz .question .questionResponses dt{ float:left; width:30px; height:48px; padding:0px; margin:0px;}
.quizz .question .questionResponses dd{ float:right; width:270px; height:48px; padding:0 50px 0 0; margin:0px;}
.quizz .question .questionImage{ position:absolute; top:142px; left: 337px;}

.quizz .question .questionBot{position:absolute; bottom:12px; left:130px;}
.quizz .question .questionBot input{ width:225px; height:48px; border:none; overflow: hidden; font-size:1px; line-height:1px; letter-spacing:9000px; background:url(../images/bot_question-suivante.gif) no-repeat left top; cursor:pointer;}

/*********************************************/
/*                  Quizz-Profile            */
/*********************************************/

.quizz .pancarte2{ position:absolute; left:15px; top:186px;z-index:1;}
.quizz .profile{ width:655px; height:398px; background:url(../images/bg_quizz-results.jpg) no-repeat left top; position:absolute; right:40px;}
.quizz .profile .profileTitle{ position:absolute; color:#FFF; left:40px; top:33px; font-size:25px; font-weight:700; letter-spacing:-1px;}
.quizz .profile .profileText { position:absolute; left:40px; top:80px;}
.quizz .profile .profileText .txt{font-size:13px; color:#304c9d; width:410px; overflow:auto; height:232px;}
.quizz .profile .profileBot{position:absolute; bottom:50px; left:300px;}


/*********************************************/
/*                La Gamme                   */
/*********************************************/

.laGamme{ padding-top:4px;}

.laGamme .productsLinks{ width:171px; position:absolute; top:330px; left:50px}
.laGamme .productsLinks2{ width:180px; position:absolute; top:215px; left:17px}
.laGamme .products{ width:770px; height:355px; padding-left:160px;}


.vote{ margin-top:-86px; padding-left:26px;}

.etudes{ background:url(../images/bg_aquoi-casert.jpg) no-repeat center 0px; height:344px; margin-top:18px; padding:0 0 0 155px;}

#tabbedMenu { text-align:center; }
/*********************************************/
/*                Promo                  */
/*********************************************/

.laGamme .promo_img_left{ width:143px; position:absolute; top:230px; left:5px}
.laGamme .promo_img_right{ width:118px; position:absolute; top:200px; left:880px}
.laGamme .promo_title{ width:592px; position:absolute; top:75px; left:250px}
.laGamme .promo_flash{ width:715px; height:333px; left:160px; top:150px; position:absolute;}

/*********************************************/
/*              Publicite                */
/*********************************************/

.publicite .img_publicite1{ width:143px; position:absolute; top:240px; left:5px}
.publicite .img_publicite2{ width:118px; position:absolute; top:340px; left:5px}
.publicite .publicite_flash{ width:690px; height:410px; left:230px; top:70px; position:absolute;}


.specialist { margin: 26px 0 0 179px; position:absolute; }


.leftMargin { margin-left: 35px; }

.intro div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }




/*********************************************/
/*            Soutenez Pasteur       */
/*********************************************/


.boxContent { position:absolute; width:470px; height:247px; top:180px; left:230px; background:url(/images/bg_box.gif) no-repeat left top; }
.boxContent .textesPasteur { position:absolute; width:334px; height:110px; top:12px; left:50px;}


.bodyMerci { background:none;}
.bigWindow { width:585px; height:228px;}
.bigWindow .contentWindow { height:228px; background:url(/images/bg_pasteur.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif;}
.contentWindow .title { padding:20px 0 0 40px; width:460px; height:49px;}
.contentWindow .contentList { padding:18px 0 0 40px;}
.contentList ul { list-style:none; margin:0px; padding:0px;}
.contentList li { display:block; padding:0 0 3px 0; width:380px; height:36px;}
.contentList li a { display:block; text-decoration:none; font-size:11px; color:#C6007B;}
.contentList li img { border:none;}
.bigWindow .close { width:32px; height:16px;}
.bigWindow .close a { border:none;}

.flashValidator { position:absolute; left:70px; top:120px; width:332px; height:110px;}
.flashContador { position:absolute; left:749px; top:66px; width:214px; height:119px;}
.flashTabuleta { position:absolute; left:857px; top:371px; width:169px; height:214px;}

.titlePasteurFlash { position:absolute; left:250px; top:85px; width:443px; height:64px;}