/* Vichy Consult */ div#CONTENT{width:990px;float:left;margin:6px 0 20px;} div#FOOTER{width:990px;float:left;} /* StyleSheet module */ div#VichyInterMain{width:990px; font-family:Helvetica,Verdana,Arial,sans-serif; font-size:12px; color:#fff} /* Style border content */ div.VichyInterTop{width:990px;height:7px;background:transparent url('../img/BorderTop.gif') scroll no-repeat 0 0;font-size:0;} div.VichyInterBody{width:976px;float:left;padding:0 7px;background:#fff url('../img/BorderBody.gif') scroll repeat-y 0 0;} div.VichyInterBottom{width:990px;float:left;height:7px;background:transparent url('../img/BorderBottom.gif') scroll no-repeat 0 0;font-size:0;} /* Title */ div#VichyInterMain h2{width:309px;float:left;margin:0;background:transparent url('../img/h2.gif') scroll repeat-y 0 0; } /* Navigation */ ul#VichyInterNav{float:left;margin:18px 0 0 0px; z-index:1000} ul#VichyInterNav li{display:inline;} ul#VichyInterNav li a { min-width:100px;*width:100px;width:auto !important;font-size:10px; display:block;height:27px;float:left;margin-left:2px;margin-top:5px; padding:2px 8px 0 8px; border:1px solid #43ae78; background:#fff ; text-align:center;font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;text-transform:uppercase;text-decoration:none;color:#43ae78;} ul#VichyInterNav li a:hover{background:url('../img/aHoverSelect.gif') scroll no-repeat 0 0 #378a60 ;color:#fff;} ul#VichyInterNav li a.select{background:url('../img/aHoverSelect.gif') scroll no-repeat 0 0 #378a60 ;color:#fff;} /* Content */ div#VichyInterContent{ position:relative; width:936px;float:left;padding:20px 0 20px 40px;_padding-bottom:0;} div#VichyInterContent #flashcontent { color:#fff} div#VichyInterContent h3 { margin:0; padding:0} div#VichyInterContent p { line-height:20px} /* limites */ div#VichyInterContent .limites { float:left;height:478px;;background:url(../img/limites/fond.gif) bottom left no-repeat ;} div#VichyInterContent .limites span { color:#43ae78 } div#VichyInterContent .limites .blocVert { width:976px; margin-left:-40px; font-size:14px ; color:#fff } div#VichyInterContent .limites .blocVert div { width:478px ; background:#43ae78; float:left; padding:5px; text-align:center;} div#VichyInterContent .limites .globules { clear:both; margin:0 auto 10px auto ; width:800px; text-align:center } div#VichyInterContent .limites .globules img {margin:0 4px } div#VichyInterContent .limites .txtLeft { float:left; width:300px ; height:114px; text-align:right; margin-top:50px; margin-bottom:30px; margin-left:70px; line-height:22px; } *html div#VichyInterContent .limites .txtLeft { margin-left:30px; } div#VichyInterContent .limites .txtRight { float:left; width:300px ; height:114px; text-align:left; margin-top:50px; margin-bottom:30px; line-height:22px; } div#VichyInterContent .limites h4 { color:#43ae78; font-weight:normal; font-size:12px; clear:both; width:352px; margin:0 auto; padding:0} div#VichyInterContent .limites #flashcontent { width:478px; margin:0 auto} /*div#VichyInterContent .resistance { width:634px; float:left;} div#VichyInterContent .resistance strong { font-weight:normal; color:#43ae78}*/ /*div#VichyInterContent .graphCorps { float:right; margin-right:10px;}*/ div#VichyInterContent a.bt { color:#43ae78; background:transparent url(../img/fleche.gif) no-repeat scroll right center;border:1px solid #25513b; display:block;float:right;padding:0 15px 0 14px;text-decoration:none;width:auto;} /* Effet accélarateur */ div#VichyInterContent h3.effet { font-size:18px; font-weight:normal;}/* margin-left:5px*/ div#VichyInterContent h3 span {color:#43ae78} div#VichyInterContent #accordion a { font-size:14px; color:#43ae78; background: url(../img/effet-accelerateur/picto.gif) right 2px no-repeat ;border:1px solid #25513b;/* display:block;*/padding:2px 60px 0 4px;text-decoration:none; } div#VichyInterContent #accordion a { cursor:pointer} div#VichyInterContent #accordion a span {color:#fff} div#VichyInterContent #accordion strong { color:#43ae78} div#VichyInterContent #accordion .element { margin-top:10px; display:none} div#VichyInterContent #accordion .element .fleche {background:url(../img/effet-accelerateur/fond-fleche.gif) no-repeat; width:814px; height:169px; margin-bottom:15px;} div#VichyInterContent #accordion .element .fleche .left { float:left; width:350px;} div#VichyInterContent #accordion .element .fleche .left h4 { color:#43ae78 ; font-size:18px; font-weight:normal} div#VichyInterContent #accordion .element .fleche .left ul li { list-style-type:none;background:url(../img/effet-accelerateur/fleche1.gif) no-repeat; padding-left:30px; font-size:18px; color:#fff} div#VichyInterContent #accordion .element .fleche .right { float:left; width:380px;} div#VichyInterContent #accordion .element .fleche .right h4 { color:#b4eccf ; font-size:18px; font-weight:normal} div#VichyInterContent #accordion .element .fleche .right h4 span { color:#000} div#VichyInterContent #accordion .element .fleche .right ul li { list-style-type:none;background:url(../img/effet-accelerateur/fleche2.gif) no-repeat; padding-left:30px; font-size:18px; color:#fff} div#VichyInterContent #accordion .element .elementLarg640 { float:left; width:825px; margin-left:15px; margin-right:110px; text-align:justify;} div#VichyInterContent #accordion .element .elementLarg640 .titreAccelerationProuvee { width:890px; height:132px; float:left; background:../img/titreAccelerationProuvee.gif top left no-repeat; clear:both;} div#VichyInterContent #accordion .element .elementLarg640 p.sousTitre { font-size:15px; font-weight:lighter; font-style:italic; margin:0 0 30px 182px; padding-top:100px;} div#VichyInterContent #accordion .element .elementLarg640 p.chapeau { font-size:17px; font-weight:bold; color:#39a680; line-height:18px; margin-left:182px;} div#VichyInterContent #accordion .element .elementLarg640 p.innovation { font-size:15px; font-weight:lighter; clear:both; margin-bottom:40px;} /* Equilibrez votre assiette - quizz */ .jouerFond {/*background:url(../img/equilibrez/visuelFond.png) 20px bottom no-repeat*/} div#VichyInterContent .jouer { position:relative; width:680px; margin-left:100px;} div#VichyInterContent .jouer .repere { margin:40px 0 0 100px ;} div#VichyInterContent .jouer .repere span { float:left; width:18px ;height:18px; margin-right:5px; background:#fff; display:block} /*div#VichyInterContent .jouer .repere span.coul { background:#43ae78;}*/ div#VichyInterContent .jouer #questions { width:730px; /*overflow: auto;overflow-x:hidden; overflow-y:hidden;*/ overflow:hidden;height:350px; margin:0; clear:both;} div#VichyInterContent .jouer #questions ul { width:7300px; margin:0; padding:0} div#VichyInterContent .jouer #questions ul li { list-style:none; margin:0; padding:0; border:0; float:left; width:730px;} div#VichyInterContent .jouer #questions ul li .picto { float:left; margin:10px 20px 0 0; } div#VichyInterContent .jouer #questions ul li h4 { font-size:16px; padding:20px 0 10px 0; margin:0; clear:both} div#VichyInterContent .jouer #questions ul li div {float:left; width:600px;} div#VichyInterContent .jouer #questions ul li a { display:block; float:left; margin:20px 0 0 60px; width:56px; height:24px; background:url(../img/mangez/yes-no.jpg) no-repeat ; color:#fff ; line-height:24px; text-align:center; text-decoration:none ;} div#VichyInterContent .jouer #questions .postIt { float:right; margin-top:-20px; /*position:absolute; bottom:20px; right:-50px;*/ background:url(../img/mangez/post-it.gif) no-repeat; width:262px; height:187px; color:#39a680; padding:0 10px} div#VichyInterContent .jouer #questions .postIt h4 {margin:0;} div#VichyInterContent .jouer img.visuel {position:absolute; bottom:-20px; left:-100px} /* reponses */ div#VichyInterContent .reponses .left {width:580px ; float:left} div#VichyInterContent .reponses .left h3 { font-size:24px; font-weight:normal} div#VichyInterContent .reponses .left p.txt { font-size:16px} div#VichyInterContent .reponses .left p.txt span { color:#43ae78} div#VichyInterContent .reponses .left p.croix { background:url(../img/mangez/croix.gif) 0 4px no-repeat; padding-left:50px;padding-top:3px; line-height:16px ; height:60px} div#VichyInterContent .reponses .left p.croix span { color:#43ae78} div#VichyInterContent .reponses .left ul.tab {border:1px solid #43ae78; margin:0; padding:0 15px 0 0} div#VichyInterContent .reponses ul.tab li {list-style-type:none; margin:0; padding:0; padding:10px 0; line-height:20px} div#VichyInterContent .reponses ul.tab li img { float:left; } div#VichyInterContent .reponses ul.tab li span { padding-left:65px; display:block; } div#VichyInterContent .reponses .left a { margin-top:40px; color:#43ae78; background: url(../img/fleche.gif) right center no-repeat ;border:1px solid #25513b; display:block;padding:2px 15px 0 4px;text-decoration:none; width:270px;} div#VichyInterContent .reponses .left a span {color:#fff} div#VichyInterContent .reponses .right {width:250px ; float:right; margin-right:40px; font-size:10px;} div#VichyInterContent .reponses .right a { margin-right:5px;} div#VichyInterContent .reponses .right p { line-height:normal} /* Left flash */ div#VichyInterContentLeft{width:444px;height:415px;float:left; border:6px solid #181818; /*margin:0 0 20px 30px*/} div#VichyInterContentLeft embed {margin:0 0 20px 20px} /* Right html */ div#VichyInterContentRight{width:432px; float:right;margin-right:20px; margin-top:-10px; } div#VichyInterContentRight div.BorderBlockTop{width:432px;height:23px;background:transparent url('../img/jouer/BorderTopBlock.gif') scroll no-repeat 0 0;font-size:0;} div#VichyInterContentRight div.BorderBlockBody{width:392px;float:left;padding:0 20px;background:transparent url('../img/jouer/BorderBodyBlock.gif') scroll repeat-y 0 0;} div#VichyInterContentRight div.BorderBlockBody p{margin-bottom:10px;font-size:12px;font-weight:normal;} div#VichyInterContentRight div.BorderBlockBottom{width:432px;float:left;height:23px;background:transparent url('../img/jouer/BorderBottomBlock.gif') scroll no-repeat 0 0;font-size:0;} .legende { font-size:9px; line-height:9px;display:block; clear:both;} .legendeRight { float:right; text-align:right; color:#FFFFFF; font-size:11px; line-height:12px; font-style:italic; display:block; clear:both; width:634px;} #CONTENT .opinion { padding:0 0 0 15px; color:#fff } #CONTENT .opinion h5 { clear:both; font-size:12px ; padding-top:15px; margin:0 0 5px 0; font-weight:normal; text-transform:uppercase} #CONTENT .oneOpinion {margin:15px 0 ;overflow:hidden;position:relative;width:100%;} #CONTENT .oneOpinion .log{left:0;position:absolute;top:0;z-index:5; width: 10px; height:20px; float:left; padding-right:10px; background:url('../img/opinionlog.gif') no-repeat #000} /*#VichyInterContentRight .oneOpinion .tioneOpiniontle {border-bottom:1px dotted #02133d;color:#02133d;font-size:11px;font-weight:bold;height:10px;margin-bottom:10px;padding:0 0 5px 25px;z-index:1;}*/ #CONTENT .opinion .oneOpinion .title, .right .oneOpinion .title{border-bottom:1px dotted #fff;color:#fff;font-size:11px;font-weight:bold;height:10px;margin-bottom:10px;padding:0 0 5px 25px;z-index:1;} #CONTENT .oneOpinion .title div {float:left;} #CONTENT .oneOpinion .starsEmpty {background-image:url(../img/stars-empty.gif);height:14px;margin-left:20px;overflow:hidden;position:relative;width:77px;} #CONTENT .oneOpinion .starsEmpty .fiveStar {left:0;} #CONTENT .oneOpinion .starsFull {background-color:#000;background-image:url(../img/stars-full.gif);height:14px;position:absolute;width:77px;} div#VichyInterContentRight p.bt {margin:12px 0 0;} div#VichyInterContentRight p.bt span {color:#fff} /*div#VichyInterContentRight p {float:left;font-family:Verdana,Arial,sans-serif;font-size:12px;margin:0 0 5px;width:400px; border:1px solid}*/ div#VichyInterContentRight p.bt a { color:#43ae78; background: url(../img/fleche.gif) no-repeat scroll right center ;border:1px solid #25513b ;display:block;float:right;margin-right:2px;padding:2px 14px 2px 4px;text-decoration:none;width:auto;} #opinionBlock {overflow:hidden;position:relative;width:780px; padding:0 0 5px 0; margin-left:134px;} #opinionBlock .form {color:#000;} #opinionBlock .form .left {background-color:#43ae78; padding:10px 10px;width:300px ;} #opinionBlock .right {float:right;margin-right:10px;width:400px;padding:0 10px; } #opinionBlock .right {float:left;margin:0 0;overflow:hidden;position:relative;/*width:50%;*/} #opinionBlock .form .left {float:left;margin:30px 30px 30px 0;overflow:hidden;position:relative;/*width:50%;*/} #opinionBlock .form .left label, .formOpinion .form .right label {display:block;} #opinionBlock .form .left label {margin:0 0 2px;padding:0;} #opinionBlock .form .left input {color:#02133d; border:1px solid #43ae78;margin-bottom:6px;padding:1px;width:75%;} #opinionBlock .form .left input.captcha {border:1px solid #02133d;margin-bottom:0;padding:1px;width:15%;} #opinionBlock .form .left textarea {border:1px solid #43ae78;color:#02133d;font-family:Verdana;font-size:10px;height:50px;margin-top:2px;width:275px;} #opinionBlock .form .stars {margin-top:10px;width:200px;} #opinionBlock .form .left ul {margin:5px 0 20px;padding:0;} #opinionBlock .form .left input, select {color:#636363;font-family:Verdana;font-size:10px;} #opinionBlock .form .left .submit {float:right;margin:0;} #opinionBlock .form .left input.submit {background-color:#fff;border:1px solid #43ae78;color:#43ae78;margin-left:2px;padding:2px;text-transform:uppercase; width:auto} #opinionBlock .form .left input.submit:hover {background-color:#FFFFFF;border:1px solid #02133d;color:#02133d;} div.opinion .Pager span {color:#02133d} p.btSimple a { display: block; margin: 5px 0;float:right;color:#43ae78 ; text-decoration:underline} p.btSimple a:hover { text-decoration:none} /* ADDED BY SEB*/ .tabAnswers { width:100%;} div#VichyInterContent .jouer #questions ul li a.rep { margin-left:0px; margin-top:5px;} div#VichyInterContent .jouer #questions .postIt { float:right; margin-top:-30px; background:url(../img/mangez/post-it2.gif) no-repeat; width:300px; height:187px; color:#39a680; padding:0 10px} div#VichyInterContent .jouer #questions .postIt h4 {margin:0; padding-top:5px; padding-bottom:10px;} div#VichyInterContent .jouer #questions .postIt p { margin:0;} div#VichyInterContent .reponses .right p.titleImage{font-size:12px;} div#VichyInterContent .reponses .right p.textImage{font-size:14px;} div#VichyInterContent .reponses .right .blocTelecharger { float:left; margin-left:70px; width:104px;} div#VichyInterContent .reponses .right .blocTelecharger a span.telecharger {width:104px; height:19px; background:url(../img/telechargerBG.gif) top left repeat-x; text-transform:uppercase; display:block; font-size:12px; color:#FFFFFF; text-decoration:none; line-height:20px; text-align:center;} div#VichyInterContent #accordion p.croix { background:url(../img/effet-accelerateur/croix-regime.gif) 0 4px no-repeat; padding-left:25px;padding-top:5px; height:32px; font-size:17px; color:#43ae78} #opinionBlock .form .left table.civility { width:200px;} #opinionBlock .form .left .civility label { width:50px; display:inline-block;} #opinionBlock .form .left .civility input { width:20px; display:inline-block;} #opinionBlock .form .left .newsletter label { width:50px; display:inline-block;} #opinionBlock .form .left .newsletter input { width:20px; display:inline-block;}