/* @group =1 RESET -------------------------------------------------------------------------------*/ html { font-size: 100%; } hr { margin:0; padding:0; } td { margin:0; padding:0; } th { margin:0; padding:0; } blockquote { margin:0; padding:0; } p { margin:0; padding:0; } textarea { margin:0; padding:0; } button { margin:0; padding:0; } legend { margin:0; padding:0; } input { margin:0; padding:0; } fieldset { margin:0; padding:0; } form { margin:0; padding:0; } code { margin:0; padding:0; } pre { margin:0; padding:0; } h6 { margin:0; padding:0; } h5 { margin:0; padding:0; } h4 { margin:0; padding:0; } h3 { margin:0; padding:0; } h2 { margin:0; padding:0; } h1 { margin:0; padding:0; } li { margin:0; padding:0; } ol { margin:0; padding:0; } ul { margin:0; padding:0; } dd { margin:0; padding:0; } dt { margin:0; padding:0; } dl { margin:0; padding:0; } div { margin:0; padding:0; } body { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } a img { border:0; } img { border:0; } fieldset { border:0; } var { font-style:normal; font-weight:normal; } th { font-style:normal; font-weight:normal; } strong { font-style:normal; font-weight:normal; } em { font-style:normal; font-weight:normal; } dfn { font-style:normal; font-weight:normal; } code { font-style:normal; font-weight:normal; } cite { font-style:normal; font-weight:normal; } caption { font-style:normal; font-weight:normal; } address { font-style:normal; font-weight:normal; } li { list-style:none; } ul { list-style:none; } ol { list-style:none; } ins { text-decoration:none; } del { text-decoration:none; } th { text-align:left; } caption { text-align:left; } h6 { font-size:100%; } h5 { font-size:100%; } h4 { font-size:100%; } h3 { font-size:100%; } h2 { font-size:100%; } h1 { font-size:100%; } q:after { content:''; } q:before { content:''; } acronym { border:0; font-variant:normal; } abbr { border:0; font-variant:normal; } sub { vertical-align:baseline; } sup { vertical-align:baseline; } option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } optgroup { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } select { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } textarea { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } button { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } input { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } :focus { outline:0; } /* @end */ /* @group =2 TYPOGRAPHY -------------------------------------------------------------------------------*/ body { background: #000; color: #000; font: 14px/1.5em "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; } #wrapper { background: #eef0e0 url('http://www.protegelaforet.com/themes/plf/img/bg_container.jpg') no-repeat center top; overflow: hidden; } /* @group -LINKS ------------------------------------------------------------------*/ a:visited { color: #f40; text-decoration: underline; } a:link { color: #f40; text-decoration: underline; } a:focus { text-decoration: none; outline: none; } a:active { text-decoration: none; outline: none; } a:hover { text-decoration: none; outline: none; } #footer a:visited { color: #fff; text-decoration: none; } #footer a:link { color: #fff; text-decoration: none; } #footer a:focus { color: #f40; } #footer a:active { color: #f40; } #footer a:hover { color: #f40; } /* @end */ /* @group -HEADINGS ------------------------------------------------------------------*/ h6 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } .h5 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } h5 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } .h4 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } h4 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } .h3 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } h3 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } .h2 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } h2 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } .h1 { color: #1a1a1a; font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; } .fat { font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; } h1 { font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; } h6 { clear: both; } .h5 { clear: both; } h5 { clear: both; } .h4 { clear: both; } h4 { clear: both; } .h3 { clear: both; } h3 { clear: both; } h1 { color: #232323; font-size: 46px; line-height: 63px; text-transform: uppercase; } .h1 { font-size: 32px; line-height: 42px; font-style: normal; } .h2 { font-size: 32px; font-style: italic; line-height: 52px; overflow: hidden; } h2 { font-size: 32px; font-style: italic; line-height: 52px; overflow: hidden; } .h3 { font-size: 23px; line-height: 32px; } h3 { font-size: 23px; line-height: 32px; } h4 { font-size: 18px; line-height: 21px; /*padding-top: 4px; margin-bottom: 17px;*/ } .h4 { font-weight: normal; text-align: justify; } #testez-vous .h4 { font-weight: bold; } h6 { font-size: 15px; line-height: 21px; text-align: justify; float: left; } .h5 { font-size: 15px; line-height: 21px; text-align: justify; float: left; } h5 { font-size: 15px; line-height: 21px; text-align: justify; float: left; } .quote-title { color: #fff; font-size: 28px; font-style: normal; line-height: 42px; margin: 0; text-align: center; } .fat { font-size: 63px; font-style: normal; line-height: 63px; margin: 0; text-transform: uppercase; } .fat span { font-size: 35px; line-height: 63px; margin-left: -7px; letter-spacing: -2px; } #header-sub h2 { color: #8B974E; } /* =TODO */ .hgroup h2 { margin-top: -11px; } .h2 .box { margin: 0 15px 0 0; } h2 .box { margin: 0 15px 0 0; } .h2 a.button { margin: 0 !important; } h2 a.button { margin: 0 !important; } /* @end */ /* @group -MARGINS ------------------------------------------------------------------*/ .checklist { margin-bottom: 21px; } .box { margin-bottom: 21px; } .mod { margin-bottom: 21px; } fieldset { margin-bottom: 21px; } address { margin-bottom: 21px; } table { margin-bottom: 21px; } pre { margin-bottom: 21px; } ul { margin-bottom: 21px; } ol { margin-bottom: 21px; } dl { margin-bottom: 21px; } img { margin-bottom: 21px; } p { margin-bottom: 21px; } h6 { margin-bottom: 21px; } .h5 { margin-bottom: 21px; } h5 { margin-bottom: 21px; } .h4 { margin-bottom: 21px; } h4 { margin-bottom: 21px; } .h3 { margin-bottom: 21px; } h3 { margin-bottom: 21px; } .h2 { margin-bottom: 21px; } h2 { margin-bottom: 21px; } #consolutions .wide { margin-bottom: 31px; } #top-papier h4 { margin-bottom: 0; } #toppapier-choice p { margin: 0 0 31px 25px; } #toppapier-choice p.clear { padding-left: 25px; } #toppapier-result p { clear: both; margin-left: 0; } .medium h3 { margin-bottom: 0; } #home .h3 { margin-bottom: 0; } #home h3 { margin-bottom: 0; } ul { margin-left: 20px; } ol { margin-left: 20px; } ul ul { margin-bottom: 0; } ul ol { margin-bottom: 0; } ol ul { margin-bottom: 0; } ol ol { margin-bottom: 0; } /* @end */ /* @group -TEXT ELEMENTS ------------------------------------------------------------------*/ ul li { list-style: square; } ol li { list-style: decimal; } #pourquoi p { text-align: justify; } p.strong { font-size: 15px; font-weight: bold; margin-bottom: 10px; } acronym { border-bottom: 1px dotted #000; cursor: help; } abbr { border-bottom: 1px dotted #000; cursor: help; } em { font-style: italic; } del { text-decoration: line-through; } strong { font-weight: bold; } sup { vertical-align: super; } sub { vertical-align: sub; } hr { background: #ccc; border: 0; height: 1px; margin-bottom: 20px; } /* @end */ /* @group -IMAGES ------------------------------------------------------------------*/ #sidebar img { background: #fff; border: 1px solid #ccc; border-width: 0 1px 1px 0; padding: 9px; } .inner #sidebar img { background: #eed !important; } /* @end */ /* @group -TABLES ------------------------------------------------------------------*/ table { border: 10px solid #eed; width: 911px; clear: both; } caption { overflow: hidden; } tr { border-bottom: 1px solid #eed; } td { padding: 0.75em; } th { background: #000; color: #fff; font-size: 1.75em;/* 24.5px */ font-weight: bold; line-height: 1.7143em;/* 42px */ padding: 0.0815em 0.4285em; } /* @end */ /* @group -FORMS ------------------------------------------------------------------*/ form { clear: both; } form.medium { width: 435px; } /*form.wide { width: 911px; }*/ fieldset li { list-style: none; margin: 0; padding: 0; } fieldset ol { list-style: none; margin: 0; padding: 0; } fieldset legend { overflow: hidden; } fieldset li { overflow: hidden; } fieldset { overflow: hidden; } fieldset li { margin-bottom: 11px; } fieldset fieldset li { margin-bottom: 0; } label { font-weight: bold; overflow: hidden; } #jeu-des-eco-gestes label { font-weight: normal; } #testez-vous label { font-weight: normal; } #top-papier label { display: block; float: left; line-height: 31px; text-align: left; width: 155px; } form.medium label { display: block; float: left; line-height: 31px; text-align: left; width: 155px; } /*#top-papier label { text-align: right; }*/ input.password { background: #fff; border: 1px solid #ccc; display: inline; float: right; padding: 6px; width: 256px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input.text { background: #fff; border: 1px solid #ccc; display: inline; float: right; padding: 6px; width: 256px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } textarea { background: #fff; border: 1px solid #ccc; display: inline; float: right; padding: 6px; width: 256px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } select { background: #fff; border: 1px solid #ccc; display: inline; float: right; padding: 6px; width: 256px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } select { padding: 5px; } .group input.text { margin-bottom: 10px; } input.checkbox { margin-right: 5px; } textarea { height: 72px; } /*select.select { background: #fff; border: 1px solid #ccc; display: inline; float: right; padding: 5px; width: 266px; -moz-border-radius: 3px; }*/ input.password:focus { background: #ffc; } input.text:focus { background: #ffc; } textarea:focus { background: #ffc; } select:focus { background: #ffc; } form.medium .button { margin-left: 165px; } form.medium .submit { margin-left: 165px; } #top-papier .button { float: right !important; margin-right: 35px; } #top-papier .clear { overflow: hidden; margin: 0; } #top-papier fieldset { margin-bottom: 0; } button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ } button::-moz-focus-inner { padding: 0; border: none; /* overrides extra padding in Firefox */ } button span { position: relative; display: block; white-space: nowrap; } button span:active { position: relative; top: -1px; left: -1px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; } button span:active { position: relative; top: 0; left: 0; } } button span { background: transparent url(../img/sprite_global.png) no-repeat; } button { background: transparent url(../img/sprite_global.png) no-repeat; } button { background-position: right -816px; color: #fff; cursor: pointer; font: normal 26px "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-weight: bold; padding: 0 15px 0 0; height: 42px; text-align: center; text-decoration: none; text-transform: uppercase; } button span { background-position: left -692px; height: 26px; padding: 8px 0 8px 15px; color:#fff; line-height: 26px; } button:hover { /* the redundant class is used to apply the hover state with a script */ background-position: right -878px; } button:hover span { background-position: left -754px; } #form-success { padding: 11px 10px 10px; margin-bottom: 21px; width: 415px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #form-error { padding: 11px 10px 10px; margin-bottom: 21px; width: 415px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } form.medium #form-success { width: 415px; } form.medium #form-error { width: 415px; } #form-success p { margin: 0; } #form-error p { margin: 0; } #form-error { background: #FF8888 url(../img/warning.png) no-repeat 20px center; } #form-error p { color: #fff; font-weight: bold; margin-left: 35px; } #form-success { background: #AACC55; } #form-success p { color: #fff; font-weight: bold; } /* @group QUIZZ ----------------------------------------------------------------------------------------------------*/ #jeu-des-eco-gestes .h3 { display: block; width: 839px; margin: 0; padding: 0; white-space: normal; } #testez-vous .h2 { display: block; width: 839px; margin: 0; padding: 0; white-space: normal; } #testez-vous .h4 { display: block; width: 839px; margin: 0; padding: 0; white-space: normal; } #testez-vous h4 { display: block; width: 839px; margin: 0; padding: 0; white-space: normal; } #testez-vous .h4 { padding-bottom: 10px; } #testez-vous h4 { padding-bottom: 10px; } #testez-vous .h2 { padding-bottom: 42px; } #quizz-result h2 { margin-bottom: 0; } #testez-vous .solution { margin-bottom: 32px; } #testez-vous fieldset fieldset { margin-bottom: 32px; } #testez-vous .solution p { margin: 0; } #testez-vous li.question { margin: 0; } #testez-vous .solution ol { background: #fff; } #testez-vous fieldset { background: #fff; } #testez-vous .h4 { background: #fff; } #testez-vous h4 { background: #fff; } #jeu-des-eco-gestes ol { margin-left: 20px; } #testez-vous ol ol { margin-left: 20px; } #quizz-result ol ol { margin: 0 0 11px; } #quizz-result ol ol li { list-style: none; } #quizz-result ol li { list-style: none; } #quizz-result ol ol li { padding-left: 40px; background: url('http://www.protegelaforet.com/themes/plf/img/list_arrow.png') no-repeat 25px top; } #testez-vous .solution { background-image: url(../img/sprite_global.png); background-repeat: no-repeat; background-color: #fff; } #testez-vous .question { background-image: url(../img/sprite_global.png); background-repeat: no-repeat; background-color: #fff; } #testez-vous .solution { padding-left: 62px; } #testez-vous .question { padding-left: 62px; } #testez-vous button.submit { margin-left: 62px; } #question-1 { background-position: 0 -991px; } #question-2 { background-position: -62px -991px; } #question-3 { background-position: -122px -991px; } #question-4 { background-position: -184px -991px; } #question-5 { background-position: -246px -991px; } #question-6 { background-position: -308px -991px; } #question-7 { background-position: -370px -991px; } #question-8 { background-position: -432px -991px; } #question-9 { background-position: -494px -991px; } #question-10 { background-position: -556px -991px; } .quizz-bad { color: #f52; text-decoration: line-through; } .quizz-good { color: #9b1; font-weight: bold; } .quizz-solution { color: #ea2; font-weight: bold; } .explication { color: #555; font-style: italic; } #quizz-result .button { margin-left: 62px; } #quizz .verdict { margin-left: 62px; } #jeu-des-eco-gestes .button { margin-left: 20px !important; } #jeu-des-eco-gestes .verdict { margin-left: 20px !important; } #quizz .explication { display: none; } /* @end */ /* @end */ /* @end */ /* @group =3 MODS -------------------------------------------------------------------------------*/ .mod .bottom { background: transparent url(../img/sprite_global.png) no-repeat; display: block; font-size:1%; height: 10px; } .mod .top { background: transparent url(../img/sprite_global.png) no-repeat; display: block; font-size:1%; height: 10px; } .mod .inner { background: #fff; border-right: 1px solid #D5D7C3; } .mod .inner:after { clear: both; content: " "; display: block; font-size: 0; line-height: 0; height: 1%; visibility: hidden; } /* @group -MODS THEMES ------------------------------------------------------------------*/ /* @group --BUBBLE --------------------------------------------------------*/ .bubble { width: 221px; } .bubble .top { background-position: 0 -40px; } .bubble .bottom { background-position: 0 -30px; } /* @end */ /* @group --MEDIUM --------------------------------------------------------*/ .medium { width: 471px; } .medium .top { background-position: 0 -80px; } .medium .bottom { background-position: 0 -70px; } .medium .inner { padding: 11px 0; } /* @end */ /* @group --LARGE --------------------------------------------------------*/ .large { width: 581px; } .large .top { background-position: 0 -120px; } .large .bottom { background-position: 0 -110px; } .large .inner { padding: 2px 0 2px; } /* @end */ /* @group --WIDE --------------------------------------------------------*/ .wide { width: 962px; clear: both; } .wide .top { background-position: 0 -180px; } .wide .bottom { background-position: 0 -150px; } .wide .inner { padding: 11px 25px; } /* @end */ /* @group --WIDE ALT --------------------------------------------------------*/ .wide-alt { width: 962px; margin: 0; clear: both; } .wide-alt .top { background-position: 0 -180px; } .wide-alt .bottom { background-position: 0 -170px; } .wide-alt .inner { padding: 11px 25px; } /* @end */ /* @group --QUOTE --------------------------------------------------------*/ .quote { width: 962px; clear: both; } .quote .top { background-position: 0 -220px; } .quote .bottom { background-position: 0 -210px; } .quote .inner { background: #000; border: 0; padding: 11px 0; } /* @end */ /* @end */ /* @group -MODS OTHERS ------------------------------------------------------------------*/ /*.mod .col { background: #fff url(../img/mod_separator.png) no-repeat center center; padding: 11px 0; }*/ .c2-3 { display: inline; float: none; margin: 0 25px; margin-bottom: 21px; } .c1-3 { display: inline; float: none; margin: 0 25px; margin-bottom: 21px; } .c1-2 { display: inline; float: none; margin: 0 25px; margin-bottom: 21px; } .c1-2 { width: 430px; } .c1-3 { width: 270px; } .c2-3 { width: 590px; } .col-2 .col { display: inline; float: left; margin: 0 25px; } .col-3 .col { display: inline; float: left; margin: 0 25px; } /*.col-3 .col { width: 270px; margin-bottom: 21px; }*/ .col-2 .col { width: 430px; } /* @end */ /* @end */ /* @group =4 HELPERS -------------------------------------------------------------------------------*/ /* @group -BUTTONS ------------------------------------------------------------------*/ .checklist li { background: transparent url(../img/sprite_global.png) no-repeat; } a.video span { background: transparent url(../img/sprite_global.png) no-repeat; } a.fb-share { background: transparent url(../img/sprite_global.png) no-repeat; } a.retweet { background: transparent url(../img/sprite_global.png) no-repeat; } a#agir { background: transparent url(../img/sprite_global.png) no-repeat; } p.button span { background: transparent url(../img/sprite_global.png) no-repeat; } a.small span { background: transparent url(../img/sprite_global.png) no-repeat; } a.button span { background: transparent url(../img/sprite_global.png) no-repeat; } .box span { background: transparent url(../img/sprite_global.png) no-repeat; } p.button { background: transparent url(../img/sprite_global.png) no-repeat; } a.small { background: transparent url(../img/sprite_global.png) no-repeat; } a.button { background: transparent url(../img/sprite_global.png) no-repeat; } .box { background: transparent url(../img/sprite_global.png) no-repeat; } p.button { background-position: right -404px; color: #fff; display: block; float: left; font: normal 30px "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-weight: bold; height: 52px; padding: 0 15px 0 0; text-align: center; text-decoration: none; text-transform: uppercase; } a.button { background-position: right -404px; color: #fff; display: block; float: left; font: normal 30px "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-weight: bold; height: 52px; padding: 0 15px 0 0; text-align: center; text-decoration: none; text-transform: uppercase; } .box { background-position: right -404px; color: #fff; display: block; float: left; font: normal 30px "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-weight: bold; height: 52px; padding: 0 15px 0 0; text-align: center; text-decoration: none; text-transform: uppercase; } .box { background-position: right -620px; } p.button span { display: block; color: #fff; line-height: 30px; padding: 11px 0 11px 15px; } a.button span { display: block; color: #fff; line-height: 30px; padding: 11px 0 11px 15px; } .box span { display: block; color: #fff; line-height: 30px; padding: 11px 0 11px 15px; } .box span { background-position: left -548px; } p.button span { background-position: left -260px; } a.button span { background-position: left -260px; } p.small { background-position: right -816px; font-size: 26px; height: 42px; } a.small { background-position: right -816px; font-size: 26px; height: 42px; } p.small span { background-position: left -692px; line-height: 26px; padding: 8px 0 8px 15px; } a.small span { background-position: left -692px; line-height: 26px; padding: 8px 0 8px 15px; } a.button:active { background-position: right -476px; } a.button:focus { background-position: right -476px; } a.button:hover { background-position: right -476px; } a.small:active { background-position: right -878px; } a.small:focus { background-position: right -878px; } a.small:hover { background-position: right -878px; } a.button:active span { background-position: left -332px; } a.button:focus span { background-position: left -332px; } a.button:hover span { background-position: left -332px; } a.small:active span { background-position: left -754px; } a.small:focus span { background-position: left -754px; } a.small:hover span { background-position: left -754px; } .more-infos { overflow: hidden; zoom: 1; margin: 0; } /* BUTTON AGIR */ a#agir { background-position: right top; display: block; height: 52px; width: 175px; text-indent: -9999em; } a#agir:active { background-position: right -57px; } a#agir:focus { background-position: right -57px; } a#agir:hover { background-position: right -57px; } /* BUTTONS RETWEET/SHARE */ a.fb-share { display: block; float: left; height: 21px; text-indent: -9999em; overflow: hidden; width: 83px; } a.retweet { display: block; float: left; height: 21px; text-indent: -9999em; overflow: hidden; width: 83px; } a.retweet { background-position: 0 -940px; } a.fb-share { background-position: -103px -940px; margin-left: 8px; } .share { display: inline; float: right; margin-bottom: 10px; } #action .share { display: block; float: none; margin: 10px auto 0 auto; overflow: hidden; width: 175px; } /* PLAY BUTTON */ a.video { position: relative; display: block; margin-bottom: 21px; } a.video img { margin: 0; display: block; } a.video span { background-position: -740px 0; display: block; margin: -21px 0 0 -21px; position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; } a.video:focus span { background-position: -740px -47px; } a.video:hover span { background-position: -740px -47px; } /* RSS */ a.rss { background: url('http://www.protegelaforet.com/themes/plf/img/rss.png') no-repeat right center; font-size: 15px; line-height: 21px; padding-right: 21px; } /* @end */ /* CHECKLIST */ .checklist { clear: left; margin-left: 0; } .checklist li { background-color: #fff; background-position: -920px -971px; font-size: 18px; line-height: 21px; list-style: none; padding: 10px 15px 11px 55px; } .checklist li.odd { background-color: #EEF0E0; } .checklist li:nth-child(odd) { background-color: #EEF0E0; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } /* BLOCK */ .block { background: #EEF0E0; clear: both; overflow: hidden; padding: 1.5em 20px 1.5em; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } .block .block-inner { display: inline; float: left; width: 520px; } .block img { background: #fff; border: 1px solid #ccc; border-width: 0 1px 1px 0; display: inline; float: right; margin: 0; padding: 9px; } /* MESSAGE */ .message { background: #ffc; overflow: hidden; margin: 0 0 42px; padding: 21px 20px 0; } /* OTHERS */ .center { clear: both; margin-right: auto; margin-left: auto; } p.center { display: table; margin: 0 auto; } /* BUTTON CENTER : permet de centrer les boutons flottant a gauche */ .fl { display: inline; float: left; } .fr { display: inline; float: right; } .clear { clear: both; } .ac { text-align: center; } .np { padding-left: 0 !important; padding-right: 0 !important; } .mb1 { margin-bottom: 21px !important; } .mb2 { margin-bottom: 32px; } .push-right { display: inline; float: right; margin: -38px -35px 0 20px; position: relative; } .liege { color: #a25618; } /* @end */ /* @group =5 LAYOUT -------------------------------------------------------------------------------*/ #wrapper-inner { background: url('http://www.protegelaforet.com/themes/plf/img/bg_header.jpg') no-repeat center top; } .container { margin: 0 auto; width: 962px; } #header { float: left; margin-bottom: 21px; width: 962px; z-index: 99; } #main { display: inline; float: left; padding: 0 25px; width: 531px; } #sidebar { display: inline; float: right; margin-right: 11px; overflow: hidden; width: 350px; } /* @group -HEADER */ .logo { display: inline; width: 90px; margin: 5px 0 1px 325px; } .logo img { display: block; margin: 0; } .logo a { display: block; margin: 0; } .logo a:active { background: none !important; position: relative; top: 1px; } .logo a:focus { background: none !important; position: relative; top: 1px; } .logo a:hover { background: none !important; position: relative; top: 1px; } #baseline { background: url('http://www.protegelaforet.com/themes/plf/img/bg_baseline.png') no-repeat left top; display: inline; float: left; height: 58px; margin: 58px 0 0 96px; text-indent: -9999em; width: 462px; } #donate { float: right; display: inline; margin: 20px 89px 0 0; height: 55px; width: 141px; } #donate a { background: url('http://www.protegelaforet.com/themes/plf/img/donate.png') no-repeat; display: block; height: 55px; text-indent: -9999em; } #donate a:focus { background-position: 0 -64px; } #donate a:hover { background-position: 0 -64px; } /* @end */ /* @group -NAV */ /* @group --NAV MAIN */ #nav-main li { list-style: none; margin: 0; padding: 0; z-index: 99; } #nav-main ul { list-style: none; margin: 0; padding: 0; z-index: 99; } #nav-main { background: #000 url('http://www.protegelaforet.com/themes/plf/img/bg_nav_bottom.png') no-repeat left bottom; clear: both; float: left; width: 962px; } #nav-main ul { background: url('http://www.protegelaforet.com/themes/plf/img/bg_nav_top.png') no-repeat left top; float: left; line-height: 3em; padding-left: 60px; width: 902px; } #nav-main ul ul { background: url('http://www.protegelaforet.com/themes/plf/img/bg_dropdown.png') no-repeat left bottom; position: absolute; top: -999em; padding: 0 0 10px; width: 151px; } #nav-main li { display: inline; float: left; position: relative; } #nav-main li.nav-sub { width: 151px; } #nav-main li li { background: #000; display: block; float: none; height: 1%; } #nav-main a { /* background: #000; */ color: #fff; display: block; font-weight: bold; line-height: 3em; /* 42px */ padding: 0 17px; text-align: center; text-decoration: none; text-transform: uppercase; } /* #nav-main a, #nav-main a:visited { color: #fff; } *//* visited pseudo selector so IE6 applies text colour*/ #nav-main li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #nav-main li.sfHover ul { left: 0; top: 3em; /* match top ul list item height */ z-index: 99; } #nav-main li:hover ul { left: 0; top: 3em; /* match top ul list item height */ z-index: 99; } #nav-main ul ul a { padding: 0; height: 1%; } #nav-main li.active-trail a:focus { background: #f52; } #nav-main li.active-trail a:hover { background: #f52; } #nav-main li.active-trail a { background: #f52; } #nav-main a.active:focus { background: #f52; } #nav-main a.active:hover { background: #f52; } #nav-main a.active { background: #f52; } #nav-main li.active-trail li a { background: #000; color: #fff; } #nav-main a:active { background: #353535; } #nav-main a:hover { background: #353535; } #nav-main a:focus { background: #353535; } #nav-main li.sfHover { background: #353535; } #nav-main li:hover { background: #353535; } #nav-main li li a:focus { color: #9b1; background: #000; } #nav-main li li a:hover { color: #9b1; background: #000; } #nav-main li.active-trail li a:focus { color: #9b1; background: #000; } #nav-main li.active-trail li a:hover { color: #9b1; background: #000; } #nav-main li li a.active:focus { color: #9b1; background: #000; } #nav-main li li a.active:hover { color: #9b1; background: #000; } #nav-main li li a.active { color: #9b1; background: #000; } /* @end */ /* @group --NAV SUB */ #nav-sub li { list-style: none; margin: 0; padding: 0; z-index: 99; } #nav-sub { list-style: none; margin: 0; padding: 0; z-index: 99; } #nav-sub { overflow: hidden; } #nav-sub li { float: left; display: inline; } #nav-sub a { display: block; background: #fff url('http://www.protegelaforet.com/themes/plf/img/sprite_sub_nav.jpg') no-repeat; height: 189px; width: 182px; overflow: hidden; text-indent: -9999em; } #nav-sub .soja a { background-position: 0 -189px; } #nav-sub .palm a { background-position: -182px -189px; } #nav-sub .paper a { background-position: -364px -189px; } #nav-sub .gold a { background-position: -546px -189px; } #nav-sub .wood a { background-position: -728px -189px; } #consolutions-soja #nav-sub .soja a { background-position: 0 0; } #nav-sub .soja a:focus { background-position: 0 0; } #nav-sub .soja a:hover { background-position: 0 0; } #consolutions-huile-de-palme #nav-sub .palm a { background-position: -182px 0; } #nav-sub .palm a:focus { background-position: -182px 0; } #nav-sub .palm a:hover { background-position: -182px 0; } #consolutions-papier #nav-sub .paper a { background-position: -364px 0; } #nav-sub .paper a:focus { background-position: -364px 0; } #nav-sub .paper a:hover { background-position: -364px 0; } #consolutions-or #nav-sub .gold a { background-position: -546px 0; } #nav-sub .gold a:focus { background-position: -546px 0; } #nav-sub .gold a:hover { background-position: -546px 0; } #consolutions-bois #nav-sub .wood a { background-position: -728px 0; } #nav-sub .wood a:focus { background-position: -728px 0; } #nav-sub .wood a:hover { background-position: -728px 0; } /* @end */ /* @end */ /* @group -FOOTER -------------------------------------------------------------------------------*/ #footer ul { color: #f52; margin: 21px 0 0; } #footer li { list-style: none; } #footer ul ul { margin: 0 0 0 10px; } #footer ul a { background: url('http://www.protegelaforet.com/themes/plf/img/list_arrow.png') no-repeat; display: block; padding-left: 15px; } #footer .logo { margin: 0 65px 1.5em; } #footer .logo a:focus { background: none !important; position: inherit; } #footer .logo a:hover { background: none !important; position: inherit; } a.twitter { display: block; float: left; width: 32px; height: 32px; } a.facebook { display: block; float: left; width: 32px; height: 32px; } a.facebook { margin-left: 68px; } a.twitter { margin-left: 17px; } a.twitter:focus { background: #000 !important; } a.twitter:hover { background: #000 !important; } a.facebook:focus { background: #000 !important; } a.facebook:hover { background: #000 !important; } #footer .nav { display: inline; float: left; margin: 0 10px; width: 220px; } /* @end */ /* @end */ /* @group =6 PAGES ----------------------------------------------------------------------------*/ /* @group -HOME ------------------------------------------------------------------*/ /* @group --INTRO BUBBLE --------------------------------------------------------*/ #intro { background: url('http://www.protegelaforet.com/themes/plf/img/bg_action_big.png') no-repeat center 2em; clear: both; position: relative; width: 962px; height: 36em; /* 504px */ z-index: 1; } #intro .h1 { padding-left: 12px; } #intro a:visited { text-decoration: none; } #intro a:link { text-decoration: none; } #intro li { list-style: none; margin: 0; padding: 0; } #intro ul { list-style: none; margin: 0; padding: 0; } a.bubble { display: block; position: absolute; cursor: pointer; } a.bubble .inner { display: block; height: 9.0715em; /* 127px */ overflow: hidden; } #action-intro { position: absolute; top: 15.25em; left: 395px; width: 175px; } /* BUBBLE POSITION */ a#soja { left: 11px; top: 12em; } a#palm { left: 71px; top: 24em; } a#paper { right: 69px; top: 0; } a#gold { right: 10px; top: 12em; } a#wood { right: 70px; top: 24em; } #intro a:focus { z-index: 99; } #intro a:hover { z-index: 99; } a#soja:focus { top: 12.0715em; } a#soja:hover { top: 12.0715em; } a#palm:focus { top: 24.0715em; } a#palm:hover { top: 24.0715em; } a#paper:focus { top: 0.0715em; } a#paper:hover { top: 0.0715em; } a#gold:focus { top: 12.0715em; } a#gold:hover { top: 12.0715em; } a#wood:focus { top: 24.0715em; } a#wood:hover { top: 24.0715em; } /* BUBBLE TYPOGRAPHY */ .bubble .p { color: #000; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: bold; margin: 0; position: absolute; } .bubble .h2 { color: #000; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: bold; margin: 0; position: absolute; } .bubble .h2 { font-size: 34px; line-height: 32px; padding: 17px 0 0 13px; text-transform: uppercase; top: 0; left: 0; } .bubble .h2 span { font-size: 21px; text-transform: none; margin-left: -5px; } #palm .h2 { line-height: 26px; } .bubble .p { font-size: 16px; margin-bottom: 15px; padding: 0 13px; bottom: 0; left: 0; word-spacing: -2px; } #palm .p { bottom: -5px; } /* BUBBLE ICONS POSITION */ .bubble img { position: absolute; z-index: 2; } #soja img { right: -15px; top: -20px; } #palm img { right: -30px; top: -20px; } #paper img { right: -5px; top: -15px; } #gold img { right: -5px; top: -5px; } #wood img { right: -10px; top: -15px; } /* BUBBLE ARROW POSITION */ .bubble .arrow { background: transparent url(../img/sprite_global.png) no-repeat; display: block; height: 44px; position: absolute; width: 60px; z-index: 1; } #palm .arrow { right: -59px; top: 3.643em; /* 51px */ } #soja .arrow { right: -59px; top: 3.643em; /* 51px */ } #wood .arrow { left: -60px; top: 3.643em; /* 51px */ } #gold .arrow { left: -60px; top: 3.643em; /* 51px */ } #paper .arrow { left: -60px; top: 3.643em; /* 51px */ } #soja .arrow { background-position: -230px -3px; } #palm .arrow { background-position: -295px -3px; } #paper .arrow { background-position: -360px -3px; } #gold .arrow { background-position: -425px -3px; } #wood .arrow { background-position: -490px -3px; } /* BUBBLE MORE POSITION */ .more { background: transparent url(../img/sprite_global.png) no-repeat -787px -114px; display: block; margin: 0; position: absolute; right: -7px; bottom: -0.75em; text-indent: -9999em; height: 21px; width: 147px; visibility: hidden; z-index: 99; } /* BUBBLE HOVER */ a.bubble:focus .more { visibility: visible; } a.bubble:hover .more { visibility: visible; } a.bubble:focus .h2 { color: #f52; } a.bubble:hover .h2 { color: #f52; } a.bubble:focus .p { color: #f52; } a.bubble:hover .p { color: #f52; } /* @end */ /* @group --OTHERS --------------------------------------------------------*/ /*#planete-attitude { background: url(../img/bg_planete.jpg) no-repeat left top; padding-top: 63px; }*/ #pole-foret h3 { background: url('http://www.protegelaforet.com/themes/plf/img/bg_poleforet.gif') no-repeat left top; padding: 0 0 10px 40px; } #pole-foret ul { margin-left: 60px; padding: 0; } #pole-foret ul li { list-style: none; } #pole-foret ul a { background: url('http://www.protegelaforet.com/themes/plf/img/list_arrow.png') no-repeat; display: block; font-family: Georgia, Times, "Times New Roman", serif; padding-left: 15px; font-size: 15px; line-height: 21px; } #pole-foret .rss { margin-left: 60px; } #home .wide-alt .inner { background: #fff url('http://www.protegelaforet.com/themes/plf/img/mod_separator.png') no-repeat 630px center; } #twitter { background: #EEF0E0; clear: both; display: inline; float: left; margin: 0 20px 0; padding: 5px 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; width: 900px; } #twitter img { display: inline; float: left; margin: 0 5px 0 -25px; position: relative; } #twitter p { font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; margin: 0; } #twitter a { font-weight: normal; } /* @end */ /* @end */ /* @group -CONSOLUTIONS ------------------------------------------------------------------*/ #consolution a.button { float: right; } #consolutions a.button { float: right; } #consolutions .wide-alt .more-infos { margin-bottom: 11px; } /* @end */ /* @group -PRODUITS ------------------------------------------------------------------*/ #header-sub { clear: both; padding-top: 10px; width: 962px; } #consolutions-bois #header-sub { padding-bottom: 21px; } #consolutions-or #header-sub { padding-bottom: 21px; } #consolutions-papier #header-sub { padding-bottom: 21px; } #consolutions-huile-de-palme #header-sub { padding-bottom: 21px; } #consolutions-soja #header-sub { padding-bottom: 21px; } #header-sub:after { clear: both; content: " "; display: block; font-size: 0; line-height: 0; height: 1%; visibility: hidden; } #header-sub .mod { float: left; display: inline; margin: 0; } #header-sub .inner { height: 13.5em; position: relative; } #header-sub .arrow { background: transparent url(../img/sprite_global.png) no-repeat -555px 0; position: absolute; left: 40px; bottom: -104px; z-index: 1; width: 85px; height: 95px; } #header-sub .arrow-alt { background: transparent url(../img/sprite_global.png) no-repeat -645px 0; display: block; width: 85px; height: 95px; float: left; margin: 30px 0 0 20px; } #header-sub .hgroup { display: inline; float: left; margin-left: 20px; } #action { background: url('http://www.protegelaforet.com/themes/plf/img/bg_action_small.png') no-repeat center 0; display: inline; float: right; margin-right: 11px; width: 350px; height: 12em; } #action a#agir { margin: 116px auto 0 auto; } #header-sub .fat { position: absolute; left: 290px; top: 73px; } #consolutions-huile-de-palme #header-sub .fat { top: 36px !important; } #header-sub .figure { position: absolute; left: -20px; top: -50px; z-index: 2; } /* @end */ /* @group -TOP PAPIER ------------------------------------------------------------------*/ #top-papier .box { margin-left: 25px; } #top-papier h4 { margin-left: 25px; } #toppapier-result .box { margin-left: 0; } #toppapier-result col { width: 25%; } * html #toppapier-result col { width: 24.9%; } #score-col { background: #eda; } #label-col { background: #cd9; } #producer-col { background: #bc9; } #paper-col { background: #ab8; } #score-head { background: #eb6; } #label-head { background: #9b4; } #producer-head { background: #794; } #paper-head { background: #563; } #toppapier-result th { text-align: center; } .score-td { text-align: center; } #toppapier-result td { color: #333; padding: 10px 14px; } #toppapier-result td.label-td { font-size: 30px; letter-spacing: 2px; text-align: center; } .odd .score-td { background: #F2E5BF; } .odd .label-td { background: #D8E5B2; } .odd .producer-td { background: #CCD8B2; } .odd .paper-td { background: #BFCCA5; } #toppapier-choice .submit { float: right; margin-right: 25px; } /* @end */ /* @group -PETITION ------------------------------------------------------------------*/ #notation { width: 270px; display: inline; float: left; background: #fff; padding: 10px 10px 0; } #notation ul { margin: 0; } #notation li { list-style: none; } #notation-table { width: 560px; display: inline; float: right; } #notation-table col { width: 50%; } #notation-table table { background: #fff; border-color: #fff; margin: 0; width: 560px; } #notation-table td { border-right: 1px solid #fff; padding: 0.375em 10px; } #notation-table th { border-right: 1px solid #fff; padding: 0.375em 10px; } #notation-table th { text-align: center; padding: 0; } #notation-table tr { border-color: #fff; } /*#notation-table table a { color: #333; display: block; padding: 0.375em 5px 0.375em 45px; }*/ .note8-10 { background-color: #193; } .note6-8 { background-color: #7c8; } .note4-6 { background-color: #ec4; } .note2-4 { background-color: #f72; } .note0-2 { background-color: #f42; } #notation li { overflow: hidden; } #notation strong.note { font-weight: bold; color: #fff; display: block; float: left; margin-right: 5px; margin-top: 3px; padding: 0 5px; text-align: center; width: 40px; } #notation li p { overflow: hidden; } #notation a.pdf { background: url('http://www.protegelaforet.com/themes/plf/img/pdf.png') no-repeat 0 center; padding-left: 20px; margin-left: 55px; } /* @end */ /* @group -404 ------------------------------------------------------------------*/ .page-404 { background: url('http://www.protegelaforet.com/themes/plf/img/panda_404.png') no-repeat 20px 30px; clear: both; overflow: hidden; } .page-404 #message-404 { margin-left: 430px; } .page-404 #advice-404 { margin: 0 0 84px 490px; } .page-404 .inner { position: relative; } .page-404 #advice-404 .inner { padding: 11px 20px; } .page-404 .arrow { background: transparent url(../img/sprite_global.png) no-repeat; display: block; height: 44px; position: absolute; width: 60px; z-index: 1; } .page-404 #message-404 .arrow { background-position: -360px -3px; left: -60px; top: 90px; } .page-404 #advice-404 .arrow { background-position: -490px -3px; left: -60px; top: 21px; } .page-404 h2 { color: #f40; margin: 0; } .page-404 h1 { color: #f40; margin: 0; } .page-404 h2 { line-height: 42px; } /* @end */ /* @group -ADMIN ------------------------------------------------------------------*/ .tabs-wrapper { clear: both; float: left; margin: 0; width: 100%; } #tabs-wrapper { clear: both; float: left; margin: 0; width: 100%; } .tabs-wrapper li { list-style: none; margin: 0; padding: 0; } .tabs-wrapper ul { list-style: none; margin: 0; padding: 0; } #tabs-wrapper li { list-style: none; margin: 0; padding: 0; } #tabs-wrapper ul { list-style: none; margin: 0; padding: 0; } .tabs-wrapper ul { float: right; } #tabs-wrapper ul { float: right; } #tabs-wrapper .tabs-secondary { background: #555; } .tabs-wrapper li { background: none; display: inline; float: left; } #tabs-wrapper li { background: none; display: inline; float: left; } .tabs-wrapper a { background: #fff; border: 1px solid #D5D7C3; border-width: 0 1px 1px 0; color: #333; display: block; font-weight: bold; line-height: 2.25em; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #tabs-wrapper a { background: #fff; border: 1px solid #D5D7C3; border-width: 0 1px 1px 0; color: #333; display: block; font-weight: bold; line-height: 2.25em; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #tabs-wrapper .tabs-primary a { line-height: 2.25em; margin-left: 5px; padding: 0 15px; } .tabs-wrapper a { line-height: 2.25em; margin-left: 5px; padding: 0 15px; } #tabs-wrapper .tabs-secondary a { padding: 0 10px; margin-left: 5px; } #tabs-wrapper a.active { text-decoration: none; } #tabs-wrapper .tabs-primary a.active { background: #f40; color: #fff; } #tabs-wrapper .tabs-secondary a.active { background: #fff; color: #000; } #tabs-wrapper a.active:focus { background: #9b1; color: #fff; } #tabs-wrapper a.active:hover { background: #9b1; color: #fff; } #tabs-wrapper a:focus { background: #9b1; color: #fff; } #tabs-wrapper a:hover { background: #9b1; color: #fff; } #notation-table br { display:none; } #toppapier-result { display:none; } /* @end */ /* @end */ /* @group =7 FANCYBOX ----------------------------------------------------------------------------------------------------*/ #fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;background:transparent;z-index:99990;display:none}* html #fancybox-loading{position:absolute;margin-top:0}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_loading.png') no-repeat }#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:99991;display:none}* html #fancybox-overlay{position:absolute;width:100%}#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0}#fancybox-wrap{position:absolute;top:0;left:0;z-index:99992;display:none;margin:0;padding:20px}#fancybox-outer{position:relative;width:100%;height:100%;background:#000}#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;outline:none;overflow:hidden;margin:0;padding:0}#fancybox-close{position:absolute;top:-15px;right:-15px;width:32px;height:32px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_close.png') no-repeat left top; cursor:pointer;z-index:1103;display:none }#fancybox_error{color:#444;font:normal 12px/20px Arial}#fancybox-content{height:auto;width:auto;margin:0;padding:0}#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0}#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block}#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102}.fancybox-title-inside{text-align:center;color:#333;padding:10px 0}.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:700}.fancybox-title-over{color:#FFF;text-align:left}#fancybox-title-over{background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_title_over.png'); display:block;padding:10px }#fancybox-title-wrap{display:inline-block}#fancybox-title-wrap span{height:32px;float:left}#fancybox-title-left{padding-left:15px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_title_left.png') repeat-x }#fancybox-title-main{font-weight:700;line-height:29px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_title_main.png') repeat-x; color:#FFF }#fancybox-title-right{padding-left:15px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_title_right.png') repeat-x }#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background-image:url(../img/fancybox/blank.gif);z-index:1102;display:none}#fancybox-left{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background-image:url(../img/fancybox/blank.gif);z-index:1102;display:none}#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_nav_left.png') no-repeat }#fancybox-right-ico{background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_nav_right.png') no-repeat }#fancybox-right:hover span{left:auto;right:20px}div.fancy-bg{position:absolute;border:0;z-index:1001;margin:0;padding:0}div#fancy-bg-n{top:-20px;left:0;width:100%;height:20px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_n.png') repeat-x }div#fancy-bg-ne{top:-20px;right:-20px;width:20px;height:20px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_ne.png') no-repeat }div#fancy-bg-e{top:0;right:-20px;height:100%;width:20px;background:transparent url(fancy_shadow_e.png) repeat-y}div#fancy-bg-se{bottom:-20px;right:-20px;width:20px;height:20px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_se.png') no-repeat }div#fancy-bg-s{bottom:-20px;left:0;width:100%;height:20px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_s.png') repeat-x }div#fancy-bg-sw{bottom:-20px;left:-20px;width:20px;height:20px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_sw.png') no-repeat }div#fancy-bg-w{top:0;left:-20px;height:100%;width:20px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_w.png') repeat-y }div#fancy-bg-nw{top:-20px;left:-20px;width:20px;height:20px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_nw.png') no-repeat }body{height:100%}html{height:100%}div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30}* html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px')}div#fancy_wrap{text-align:left}div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100}div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(../img/fancybox/fancy_progress.png) no-repeat}div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:30}div#fancy_loading_icon{position:absolute;background:url(../img/fancybox/fancy_loading.gif) no-repeat;z-index:35;width:16px;height:16px}div#fancy_outer{position:absolute;top:0;left:0;z-index:90;overflow:hidden;background:#000;display:none;margin:0;padding:18px 18px 33px}div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF}div#fancy_content{z-index:100;position:absolute;margin:0}div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100}img#fancy_img{position:absolute;top:0;left:0;border:0;z-index:100;width:100%;height:100%;margin:0;padding:0}div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url(../img/fancybox/fancy_closebox.png) top left no-repeat;cursor:pointer;z-index:181;display:none}#fancy_frame{position:relative;width:100%;height:100%;display:none}#fancy_ajax{width:100%;height:100%;overflow:auto}a#fancy_right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(../img/fancybox/image/gif);outline:none}a#fancy_left{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(../img/fancybox/image/gif);outline:none}span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block}span#fancy_left_ico{left:-9999px;background:transparent url(../img/fancybox/fancy_left.png) no-repeat}span#fancy_right_ico{right:-9999px;background:transparent url(../img/fancybox/fancy_right.png) no-repeat}a#fancy_right:hover span{right:20px}div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;margin:0;padding:0}div.fancy_bg{position:absolute;display:block;z-index:70;border:0;margin:0;padding:0}div.fancy_bg_n{top:-18px;width:100%;height:18px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_n.png') repeat-x }div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_ne.png') no-repeat }div.fancy_bg_e{right:-13px;height:100%;width:13px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_e.png') repeat-y }div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_se.png') no-repeat }div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_s.png') repeat-x }div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_sw.png') no-repeat }div.fancy_bg_w{left:-13px;height:100%;width:13px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_w.png') repeat-y }div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_shadow_nw.png') no-repeat }div#fancy_title{position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none}div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px}div#fancy_title table{margin:0 auto}div#fancy_title table td{vertical-align:middle;padding:0}td#fancy_title_left{height:32px;width:15px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_title_left.png') repeat-x }td#fancy_title_main{height:32px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_title_main.png') repeat-x }td#fancy_title_right{height:32px;width:15px;background:url('http://www.protegelaforet.com/themes/plf/img/fancybox/fancy_title_right.png') repeat-x }.fancy_bigiframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}a#fancy_left{left:0}#fancybox-left{left:0}a#fancy_right{right:0}#fancybox-right{right:0}a#fancy_right:hover{visibility:visible}a#fancy_left:hover{visibility:visible}#fancybox-right:hover{visibility:visible}#fancybox-left:hover{visibility:visible}a#fancy_left:hover span{left:20px} #fancybox-left:hover span{left:20px} /* @end */ .h66 { font-size: 15px; line-height: 21px; text-align: justify; }