body#secrets {background-image:url(/templates/general/img/secret/bgSecrets.jpg);}

#secrets #page{position:absolute;width:936px;height:533px;left:50%;top:33%;margin-left:-468px;margin-top:-177px;}
#secrets #flashHistory {outline:none}
#navigation{width:936px;height:230px;background:url(/templates/general/img/secret/bgNav.png) no-repeat;overflow:hidden;z-index:5;}
* html #navigation{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgNav.png',sizingMethod='image');}
.evin #navigation{background:url(/templates/general/img/secret/bgNav-fr.png) no-repeat}
* html .evin #navigation{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgNav-fr.png',sizingMethod='image');}
#navigation li{float:left;}
#navigation ul{margin-left:162px;}

#content{margin-top:-180px; overflow:hidden; zoom:1;}
#content h1{margin-left: 20px; margin-top:15px;}

#mainContent{background:url(/templates/general/img/secret/bgMainContent.png) no-repeat; width:580px; height:362px; margin-left:25px; float:left; overflow:hidden; zoom:1;}
* html #mainContent{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgMainContent.png',sizingMethod='scale'); margin-left:13px;}
#threeExperts{background:url(/templates/general/img/secret/bg3Experts.png) no-repeat; width:580px;}
* html #threeExperts{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bg3Experts.png',sizingMethod='scale');}
*+html #threeExperts{background:url(/templates/general/img/secret/bg3Experts.png) no-repeat center 10px;}
#threeExperts ul{margin-left:80px; margin-top:10px; overflow:hidden; zoom:1;}
#threeExperts ul li{float:left; margin-right:70px;}
#threeExperts ul li img{display:block;}
#threeExperts ul li span{display:block; width:70px; text-align:center; font-family:garamond; font-weight:bold; margin-top:12px; margin-left:8px;}
#threeExperts ul li a{color:#fff; text-decoration:none;}
#threeExperts ul li a:hover {color:#F9E6BD}
#threeExperts ul li a span {cursor:pointer;}
#quizz{background:url(/templates/general/img/secret/bgQuizz.png) no-repeat; width:518px; height:168px; margin-top:7px; margin-left:25px; padding-top:10px;}
* html #quizz{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgQuizz.png',sizingMethod='image');}
#content #quizz h2{background:url(/templates/general/img/secret/titleQuizz.png) no-repeat; margin: 0 0 8px 10px; padding:6px 15px; color:#fff; text-transform:uppercase; font-size:12px;}
* html #content #quizz h2{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/titleQuizz.png',sizingMethod='scale'); zoom:1}
#quizz p{margin-left:27px; font-weight:bold;}
#quizz label{margin-left:10px;}
#quizz .submit{float:right; margin-right:10px; margin-top:-10px;}
#quizz input.submitInput {background:url(/templates/general/img/btnLinkCenter.png) repeat-x; color:#AF905B; padding-bottom:4px;}
* html #quizz input.submitInput{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/btnLinkCenter.png',sizingMethod='scale');}

#pushContent{float:left; margin-left:20px; overflow:hidden; zoom:1;}
#pushContent ul li a{position:relative;display:block;width:282px;height:183px}
#pushContent .elaboration{position:absolute; top:0; left:0;}
#pushContent .history{position:absolute; top:0px; left:0;}

/* FauxRadio */
#quizz .radio{position:relative; margin-left:25px; margin-top:10px; zoom:1;}
#quizz .radio fieldset{padding-bottom:5px;}
div.fauxRadio div{cursor:pointer; background:url(/templates/general/img/secret/fauxRadio.png) no-repeat; height:21px; width:21px;}
*html div.fauxRadio div{cursor:pointer; background:url(/templates/general/img/secret/fauxRadio.gif) no-repeat 0 1px; height:21px; width:21px;}

#expertPopinMaskWrapper{position:absolute; left:-99999px; width:100%; height:100%;}
#expertPopinMask{background:url(/templates/general/img/popinMask.png) repeat; width:100%; height:100%;}
* html #expertPopinMask{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/popinMask.png',sizingMethod='scale')}
#expertPopinWrapper{position:absolute; top:50%; left:50%; margin-left:-274px; margin-top:-88px;}
#expertPopin{background:url(/templates/general/img/secret/bgExpertPopin.png) no-repeat; width:549px; height:177px; padding-top:10px;}
* html #expertPopin{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgExpertPopin.png',sizingMethod='image')}
#expertPopin .close{float:right; margin-top:10px; margin-right:20px;}
#expertPopin h2 {
height:28px;
margin:5px 0pt 0 0;
overflow:hidden;
width:200px;
}
#expertPopin  .expert01, #expertPopin  .expert02, #expertPopin .expert03{margin:0 auto;left:-9999px;position:absolute}
#expertPopinIllu{float:left;}
#expertPopinText{float:left; width:320px;}

#expertPopinText p{margin-left:5px;}


/*
* answer-question.html
*/
.answerQuestion #content{margin-top:-180px; overflow:visible;}
.answerQuestion #content h1{margin-left: 25px; margin-top:0;}
.answerQuestion #content p{margin-left: 25px; margin-bottom:5px;}
#headContent{overflow:hidden; zoom:1;}
.answerQuestion #prev{position:absolute; top:340px; width:34px; height:46px; display:block; }
.answerQuestion #next{position:absolute; top:340px; width:34px; height:43px; display:block; }
.answerQuestion #prev {left:-10px}
.answerQuestion #next{right:-5px}
.btnLinks .btnLink{margin-right:30px;}
* html .btnLinks .btnLink{margin-right:15px;}

#illustration{background:url(/templates/general/img/secret/bgPictureAnswer.png) no-repeat; width:156px; height:287px; float:left; }
* html #illustration{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgPictureAnswer.png',sizingMethod='scale');}
#illustration img{margin:10px 0 0 10px;}

#answer {background:url(/templates/general/img/secret/bgAnswer.png) no-repeat; width:731px; height:287px; float:left;}
* html #answer{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgAnswer.png',sizingMethod='scale');}
.answerQuestion #answer p{margin-top:20px; margin-left:20px;}
#answer em{margin-left:20px; display:block;}
#answer  .sign{display:block; text-align:right; margin-bottom:10px;}
#textAnswer{float:left; width:540px;}
#expertPicture{float:left; margin-top:-20px;}
* html #expertPicture{position:absolute;}

#answerWrapper {position:absolute; overflow:hidden; width:887px; height:400px; left:23px;}
#answerWrapper #answerSheet { position:absolute; width:887px;top: 0; left: 0px; }
#answerSheetNext{position:absolute; top:0; left:900px; overflow:hidden; width:887px;height:400px;}
#answerSheetPrev{position:absolute; top:0; left:-900px; overflow:hidden; width:887px;height:400px;}

/*
* expert-questions-answers.html
*/
.expertAnswerQuestion #content{margin-top:-180px; overflow:visible;}
.expertAnswerQuestion #content h1{margin-left:30px; margin-top:0;}
* html .expertAnswerQuestion #content h1{margin-top:15px; margin-bottom:5px;}
*+ html .expertAnswerQuestion #content h1{margin-top:15px; margin-bottom:5px;}
.expertAnswerQuestion .scroll {height:290px;margin-top:5px;overflow:auto;}
#js .expertAnswerQuestion .scroll {overflow:hidden;}
* html .expertAnswerQuestion .scroll {margin-top:20px}
*+ html .expertAnswerQuestion .scroll {margin-top:15px}
.expertAnswerQuestion .scrollNone {width:880px;}
.expertAnswerQuestion .scrollContent {position:absolute; top:0; left:0; width:878px;}
.expertAnswerQuestion .scrollBar{height:290px;}
#js .expertAnswerQuestion .scroll {overflow:hidden; position:relative;}

#experts{position:absolute; overflow:hidden; right:15px; top:123px;}
#experts p {float:left; margin-top:52px; padding-right:11px; font-weight:bold;}
#experts a{display:block; float:left; cursor:pointer; width:152px; height:85px;}

#expertQuestion {background:url(/templates/general/img/secret/bgExpertAnswerQuestion.png) no-repeat;padding-right:15px; width:875px; height:322px; float:left; padding-top:10px; margin-left:25px;}
* html #expertQuestion{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgExpertAnswerQuestion.png',sizingMethod='scale');margin:-3px 0 0 13px}
*+ html #expertQuestion{margin-top:-3px}
.expertAnswerQuestion .separator{background:url(/templates/general/img/secret/separator.png) no-repeat;}
* html .expertAnswerQuestion .separator{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/separator.png',sizingMethod='crop')}
.question{overflow:hidden; padding:20px 20px 0; zoom:1; margin-bottom:15px; margin-left:15px; position:relative; width:370px; float:left;}
#js .question{width:390px; padding-left:25px;margin-left:0;}
.question img{float:left;}
.question a{color:#fff; float:left; text-decoration:none; font-weight:bold; font-size:12px; zoom:1; width:240px;}
#js .question a{width:250px;}
#expertQuestion .question a.imgQuestion{ margin-right:10px; border:1px solid #613D29; width:115px; overflow:hidden;}
.question a:hover.imgQuestion{ border:1px solid #e5ab2b;}
.question a:hover{color:#F7DFAA;}
.expertAnswerQuestion #prev{position:relative; top:140px; width:34px; height:46px; display:block; float:left; margin-left:-8px;}
.expertAnswerQuestion #next{position:relative; top:140px; width:34px; height:43px; display:block; float:left; margin-left:-9px;}

/*
* elaboration.html
*/
.elaboration #content h1{margin-left: 29px; margin-top:0;}
* html .elaboration #content h1{margin-top:15px; margin-bottom:5px;}
*+ html .elaboration #content h1{margin-top:15px; margin-bottom:5px;}
.elaboration #content h2{margin-left: 30px; margin-bottom:5px;}

#steps{float:left; background:url(/templates/general/img/secret/bgSteps.png) no-repeat; width:875px; height:35px; margin-left: 29px; overflow:hidden;}
* html #steps{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgSteps.png',sizingMethod='image'); overflow:visible; display:inline;}
#steps  span, #steps a{float:left;}
#steps  span {margin-left:-19px;}
#steps  span.first{margin-left:0;}
#steps .on{background:url(/templates/general/img/secret/stepContent-on.png) repeat-x; margin-left:10px;}
#steps .firstStepOn{float:left; position:relative; left:-10px;}
#steps .stepOn{float:left;}
#steps .title{display:block; float:left; margin:7px 10px 0 10px;}
#steps .first .title{margin-left:20px;}
#steps .first.on .title{margin-left:0;}
#steps .first.on .title{margin-left:0;}
* html #steps .first .title{margin-right:0; margin-left:10px;}
* html #steps .first.on .title{margin-left:10px;}
* html #steps .title{margin-right:0;}

#elaborationContent{background:url(/templates/general/img/secret/bgElaboration.png) no-repeat; width:870px; height:242px; }
* html #elaborationContent{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/general/img/secret/bgElaboration.png',sizingMethod='scale');}
#videoWrapper{float:left; width:340px; margin: 4px 0 0 11px;}
#elaborationText{float:left; width:470px; margin-left:24px; margin-top:35px;}
#js #elaborationContent #videoWrapper img {display:none;}
#js #elaborationContent #videoWrapper { background-image:url(/templates/general/img/secret/fakeFlashVideo.jpg); width:340px; height:227px;}

#pagination {clear:left; overflow:hidden;}
#pagination a{color:#F7DFAA; text-decoration:none;}
#pagination .previous{float:left; margin-left:37px; background:url(/templates/general/img/arrowPrevious-off.gif) no-repeat 0 4px; padding-left:10px;}
#pagination .next{float:right; margin-right:43px; background:url(/templates/general/img/arrowNext-off.gif) no-repeat 100% 4px; padding-right:10px;}
#pagination .previous:hover{background:url(/templates/general/img/arrowPrevious-on.gif) no-repeat 0 4px; color:#fff;}
#pagination .next:hover{background:url(/templates/general/img/arrowNext-on.gif) no-repeat 100% 4px; color:#fff;}

#elaborationWrapper {position:relative; float:left; overflow:hidden; width:895px; height:242px; left:29px;}
#elaborationWrapper #elaborationSheet { position:absolute; width:895px;top: 0; left: 0; }
#elaborationSheetNext{position:absolute; top:0; left:900px; overflow:hidden; width:895px;height:242px;}
#elaborationSheetPrev{position:absolute; top:0; left:-900px; overflow:hidden; width:895px;height:242px;}

/*
*  GA et XITI
*/

#Ga, #Xiti, #tracker, #id_elaboration{display:none;}
