@import url("reset.css"); /* CSS PIB - @fginioux - Turbulent Media */ /* Generics HTML elements */ html { background-color: #1c1d18; } body { min-width: 990px; width: 100% !important; width: 100%; } h1 { color: #fff; } h2 {} h3 {} h4 {} h5 {} h6 {} form {} form input, form select, form textarea { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.85em; } form input { color: #282924; } form select, select { width: 226px; } form textarea {} form label {} /* Generics Classes */ .fleft { float: left; } .fright { float: right; } .clear { display: block; padding: 0; margin: 0; height: 1px; overflow: hidden; font-size: 1px; clear: both; float: none; } .outline { outline-color: invert; outline-style: none; outline-width: 0px; outline: none; } .icon { display: block; width: 15px; height: 15px; overflow: hidden; text-indent: -300px; } .icon.rss { background: url('../images/icons/rss.png') center center no-repeat; } .icon.facebook { background: url('../images/icons/facebook.png') center center no-repeat; } .icon.twitter { background: url('../images/icons/twitter.png') center center no-repeat; } /* Specifics Modules */ .container { width: 100%; text-align: center; } .container .wrapper { width: 990px; margin: 0 auto; text-align: left; } /* Forms - Input */ span.input { padding: 0 0 0 8px; background: url('../images/input_left.png') left bottom no-repeat; display: block; height: 27px; float: left; } span.input span { padding: 0 8px 0 0; background: url('../images/input_right.png') right bottom no-repeat; display: block; height: 27px; float: left; } span.input span input { border: 0; margin: 5px 0 0 0; padding: 3px 0 0 0; height: 16px; background: #f3f4ef; color: #757575; font-style: italic; } .error span.input { background-position: left top; } .error span.input span { background-position: right top; } .error span.input span input { color: #cd2b2b !important; background: #fdbebe; } /* Forms Textarea */ span.textarea { display: block; width: 409px; min-height: 15px; height: auto !important; height: 15px; padding-top: 10px; background: url('../images/textarea_top.png') left top no-repeat; float: left; } span.textarea span { padding: 0 5px 10px 5px; display: block; background: url('../images/textarea_bottom.png') left bottom no-repeat; } span.textarea span textarea { border: none; background: #f3f4ef; color: #757575; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.85em; width: 395px; min-height: 120px; height: auto !important; height: 120px; overflow: auto; resize: none; outline: none; } /* Forms Textarea small */ span.textarea.small { width: 284px; background: url('../images/textarea_small_top.png') left top no-repeat; } span.textarea.small span { background: url('../images/textarea_small_bottom.png') left bottom no-repeat; } span.textarea.small span textarea { width: 270px; min-height: 70px; height: auto !important; height: 70px; } span.textarea.small span textarea.small { min-height: 45px; height: auto !important; height: 45px; } .error span.textarea.small, .error span.textarea { background-position: right top; } .error span.textarea.small span, .error span.textarea span { background-position: right bottom; } .error span.textarea.small span textarea, .error span.textarea span textarea { color: #cd2b2b; background: #fdbebe; } /* Forms - Submit */ span.submit { padding: 0 0 0 11px; background: url('../images/btn_left.png') left top no-repeat; display: block; float: left; } span.submit span { padding: 0 13px 0 0; background: url('../images/btn_right.png') right top no-repeat; display: block; float: left; } span.submit span input { border: 0; margin: 3px; height: 17px; background: #f4e499; font-style: italic; } /* Forms - Uploader */ .upload { width: 285px; } .upload span.submit { float: right; margin: 3px 0 0 0; padding: 0 !important; background: none !important; } .upload span.submit input { width: 55px; } .upload span.input { float: left; } .upload span.input input { width: 175px !important; } /* Loading animation */ div.loading { display: none; height: 51px; position: absolute; top: 245px; float: left; width: auto !important; z-index: 150; } div.loading .l_wrapper { display: block; background: url('../images/loading_left.png') left top no-repeat; padding-left: 25px; } div.loading .l_wrapper.last { display: block; background: url('../images/loading_right.png') right top no-repeat; padding: 0; padding-right: 25px; } div.loading .l_wrapper img { overflow: hidden; display: block; width: 32px; height: 32px; position: absolute; left: 9px; top: 9px; } div.loading .l_wrapper .l_container { display: block; overflow: hidden; height: 51px; width: 1px; background: url('../images/loading_content.png') left top repeat-x; } div.loading .l_wrapper .l_container * { display: block; width: 225px; color: #fff; padding: 0; line-height: 125%; font-size: 0.9em; text-indent: 25px; } div.loading .l_wrapper .l_container em { font-style: italic; margin-top: 10px; } div.loading .l_wrapper .l_container span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; } /* Links Btn */ span.btn { padding: 0 0 0 11px; background: url('../images/btn_left.png') left top no-repeat; display: block; float: right; line-height: 200%; font-size: 11px; } span.btn span { padding: 0 13px 7px 0; background: url('../images/btn_right.png') right top no-repeat; display: block; float: left; } span.btn span a { background: #f4e499; text-decoration: none; font-weight: normal; top: 0; margin: 0; color: #282924; } span.btn.green { background-image: url('../images/btn_green_left.png'); } span.btn.green span { background-image: url('../images/btn_green_right.png'); } span.btn.green span a { background: #a0d36a; } /* Select */ .select { height: 25px; text-align: left; float: right; } .select .wrapper { height: 25px; position: relative; } .select .wrapper .container { position: relative; width: 100%; height: 100%; } .select .wrapper .container select { display: none !important; } .select .wrapper .container p { font-size: 0.85em; text-indent: 10px; text-align: left; color: #757575; height: 26px; line-height: 28px; padding: 0; font-style: italic; background: url('../images/select_bckg.png') left top no-repeat; float: left; overflow: hidden; white-space: pre; cursor: default; } .select .wrapper .container span { display: block; width: 26px; height: 19px; overflow: hidden; text-indent: -150px; background: url('../images/select_btn.png') left top no-repeat; position: absolute; top: 4px; right: -5px; } .select .wrapper .list { position: absolute; top: 25px; z-index: 200; display: none; width: 200px; } .select .wrapper ul { width: 189px; padding: 10px 0 15px 0; min-height: 20px; height: auto !important; height: 20px; background: url('../images/options_bckg.png') left bottom no-repeat; } .select .wrapper ul li { margin-left: 3px; text-indent: 10px; height: 17px; padding: 3px 0 0 0; overflow: hidden; font-size: 0.85em; width: 183px !important; } .select .wrapper ul li:hover, .select .wrapper ul li.selected { background: #fff !important; color: #000; } .select .wrapper ul li:hover { background: #fff url('../images/options_hover_bckg.png') left center repeat-x !important; } .select .wrapper ul li a { text-decoration: none !important; border: none; color: #000; } .select .wrapper ul li a em { border: none; } /* Messages */ .callback_msg { display: none; background: #77868c; border: 1px solid #464646; opacity: 0.9; padding: 10px 0 20px 0; font-size: 14px; width: 85%; position: absolute; top: 0; left: 5%; z-index: 500; color: #3a3b3c; } .callback_msg .msg_wrapper { padding: 0 15px 0 45px; opacity: 1.1; background: url('../images/yes.png') 20px 3px no-repeat; } .callback_msg .msg_wrapper h4 { font-size: 1em; margin: 10px 0 10px 0; } .callback_msg .msg_content { padding-left: 5px; } .callback_msg .msg_content ul li { font-size: 1.1em; display: block; float: none; width: 80%; } .callback_msg.msg_error { background-color: #ffeeee; border-color: #ff0000;} .callback_msg.msg_error .msg_wrapper { background-image: url('../images/no.png'); } .callback_msg.msg_success { background-color: #eeffee; border-color: #00ff00; } .callback_msg.msg_success .msg_wrapper { background-image: url('../images/yes.png'); } /* Tags */ .tags {} .tags h5 { float: left; padding-right: 5px; padding-top: 6px; font-size: 0.8em; } .tags a { padding: 0 2px 0 3px; color: #fff; } /* Themes */ .themes {} .themes h5 { float: left; padding-right: 5px; padding-bottom: 5px; font-size: 0.9em; font-weight: normal; font-style: italic; } .themes ul { min-height: 25px; height: auto !important; height: 25px; } .themes ul li { float: left; height: 21px; margin-right: 7px; background: url('../images/theme_left.png') left top no-repeat; padding-left: 5px; } .themes ul li * { display: block; } .themes ul li span { background: url('../images/theme_right.png') right top no-repeat; padding-right: 5px; height: 100%; } .themes ul li span a { color: #000 !important; font-size: 0.9em; text-decoration: none; font-style: italic; padding: 4px 3px 0 3px; } /* Story */ .story { padding: 15px 0 8px 0; color: #fff; } .story h5 { float: left; padding-right: 5px; padding-bottom: 5px; font-size: 0.9em; font-weight: normal; } .story ul li { float: left; height: 21px; margin-right: 3px; font-size: 0.8em; line-height: 22px; margin-top: -2px; } .story ul li * {} .story ul li.last { padding-left: 5px; background: url('../images/theme_left.png') left top no-repeat; margin-left: 10px; color: #000; } .story ul li.last span { background: url('../images/theme_right.png') right top no-repeat; padding-right: 5px; height: 100%; display: block; } .story ul li span a { color: #f3e499 !important; border-bottom: 1px solid #f3e499; font-style: italic; text-decoration: none; font-size: 1.2em; } /* A More */ a.more { position: relative; display: block; float: left; height: 14px; padding: 0 2px; background: url('../images/link_more_bckg.gif') left center no-repeat; font-size: 9px; font-style: italic; text-decoration: none; line-height: 14px; color: #000; } a.more em { display: block; height: 14px; width: 7px; text-indent: -300px; position: absolute; top: 0; right: -7px; background: url('../images/more_link_arrow.gif') left top no-repeat; overflow: hidden; } a.more.yellow { background-image: url('../images/more_link_yellow_bckg.gif'); } a.more.yellow em { background-image: url('../images/more_link_yellow_arrow.gif'); } /* Accordeon snail */ .c_snail { width: 325px; min-height: 157px; height: auto !important; height: 157px; padding: 5px 15px 13px 15px; background: #30312c; } .c_snail h4 { font-weight: normal; font-style: italic; margin-bottom: 5px; color: #f4f4ef; } .c_snail * { color: #aaaaa7; } .c_snail h4 a { color: #f4f4ef; } .c_snail a { text-decoration: none; } .c_snail a:hover { text-decoration: underline; } .c_snail.highlight { background: #252621; } .c_snail .fleft { width: 190px; position: relative; } .c_snail .fleft .type { display: block; position: absolute; top: 0; left: -67px; z-index: 10; width: 70px; height: 67px; background: url('../images/icons/type_icon_bckg.png') right top repeat-y; } .c_snail .fleft .type span { display: block; height: 32px; width: 30px; background: url('../images/icons/onglet_txt.png') right top no-repeat; float: right; margin-top: 8px; } .c_snail .fleft .type span.highlight { background-image: url('../images/icons/onglet_photo.png'); } .c_snail .fleft .type span.important { background-image: url('../images/icons/onglet_video.png'); } .c_snail .fleft .media { position: relative; z-index: 1; } .c_snail .fleft .media .thumbnail .highlight { padding: 0 5px 4px 0; background: url('../images/shadow/accordeon_thumbnail_shadow.png') right bottom no-repeat; } .c_snail .fleft .media .thumbnail .highlight a { position: relative; display: block; text-decoration: none; } .c_snail .fleft .media .thumbnail .highlight a img { border: 1px solid #000; } .c_snail .fleft .media .thumbnail .highlight a span { display: block; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: url('../images/fr/play.png') center center no-repeat;*/background: transparent; } .en .c_snail .fleft .media .thumbnail .highlight a span { /*background-image: url('../images/en/play.png');*/ } .c_snail .fright { width: 128px; background: url('../images/icons/dot_photo.png') left 4px no-repeat; } .c_snail .fright.video { background-image: url('../images/icons/dot_video.png'); } .c_snail .fright * { font-style: italic; font-size: 0.85em; } .c_snail .fright div { margin-top: 30px; } .c_snail .fright div span { display: block; font-size: 0.9em; } .c_snail .fright div.first .story_ref { margin: -22px 0 0 0; padding-bottom: 12px; } .c_snail .fright div.first .story_ref p { padding-left: 23px; padding-bottom: 5px; } .c_snail .fright div.first .story_ref a { font-size: 1.3em; } .c_snail .fright div.first span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .c_snail .fright div.first span.last { font-weight: bold; font-size: 1.1em; } .c_snail .fright div.highlight { font-size: 1.1em; margin-top: 10px; color: #f4f4ef; } .c_snail .fright div.highlight a { color: #f4f4ef; } .c_snail .fright div.important { margin-top: 4px; padding-left: 20px; background: url('../images/icons/comment.png') left 4px no-repeat; font-size: 0.9em; } /* Modification textes */ .c_snail .fright span, .c_snail .fright span.last, .c_snail .fright span.last a { font-style: normal !important; } /* UGC content */ .contribution { padding: 7px 0 3px 0; min-height: 100px; height: auto !important; height: 100px; border-top: 1px solid #80a955; } .contribution .fleft { width: 212px; position: relative; margin-left: 5px; } .contribution .fleft .type { display: block; position: absolute; top: 0; left: -67px; z-index: 10; width: 70px; height: 67px; background: url('../images/icons/type_icon_bckg.png') right top repeat-y; } .contribution .fleft .type span { display: block; height: 32px; width: 30px; background: url('../images/icons/contribution_txt.png') right top no-repeat; float: right; margin-top: 8px; } .contribution .fleft .type span.highlight { background-image: url('../images/icons/contribution_photo.png'); } .contribution .fleft .type span.important { background-image: url('../images/icons/contribution_video.png'); } .contribution .fleft .media { position: relative; z-index: 1; } .contribution .fleft .media .thumbnail .highlight { padding: 0 4px 4px 0; background: url('../images/shadow/contribution_thumbnail_shadow.png') 4px bottom no-repeat; } .contribution .fleft .media .thumbnail .highlight a { position: relative; text-decoration: none; } .contribution .fright { width: 355px; margin-right: 5px; } .contribution .fright h4 { font-weight: normal; font-style: italic; margin-bottom: 5px; line-height: 110%; } .contribution .fright h4 * { color: #000; text-decoration: none; } .contribution .fright h4 a:hover { text-decoration: underline; } .contribution .fright .information { float: left; width: 160px; font-size: 0.9em; } .contribution .fright .information * { font-style: italic; color: #364129; text-decoration: none; } .contribution .fright .information em { font-style: normal; color: #000; } .contribution .fright .information p.important { display: none; } .contribution .fright .information a:hover { text-decoration: underline; } .contribution .fright .information span { display: block; font-size: 0.9em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .contribution .fright .information span.last { font-weight: bold; } .contribution .fright .source { float: right; width: 158px; } .contribution .fright .source a { display: block; position: relative; padding: 0 5px 5px 0; text-decoration: none; background: url('../images/shadow/source_thumbnail_shadow.png') 4px 4px no-repeat; } .contribution .fright .source a span { display: block; position: absolute; top: 0; left: -5px; width: 31px; height: 63px; background: url('../images/icons/source_icon.png') left top no-repeat; } .contribution .fright .source a span.important, .contribution .fright .source a span.highlight { width: 18px; height: 19px; background: url('../images/icons/dot_photo.png') left top no-repeat; left: 125px; top: 10px; } .contribution .fright .source a span.highlight { background-image: url('../images/icons/dot_video.png'); } .contribution .fright .source p { float: right; padding: 3px 5px 0 20px; font-size: 0.8em; background: url('../images/icons/comment.png') left 7px no-repeat; } .contribution .fright .source p * { font-style: italic; display: inline !important; background: none !important; color: #000; } .contribution .fright .source p a:hover { text-decoration: underline; } .contribution .fright .source p.important { display: none; } /* Full size */ .contribution.full .fleft { width: 12px; } .contribution.full .fleft .media { display: none; } .contribution.full .fright { width: 560px; } .contribution.full .fright .information { width: 380px; } .contribution.full .fright .information p.important, .contribution .fright.full .information p.important { display: block; font-size: 0.95em; line-height: 120%; font-style: normal; color: #000; padding-bottom: 10px; } .contribution.full .fright.full .information p.important { width: 555px; } .contribution .fright.full .information p.important { width: 350px; } /* Small size */ .contribution.small .fleft { width: 235px; } .contribution.small .fleft .type { left: 205px; background-position: left top; width: 40px; } .contribution.small .fleft .type span { float: left; background: url('../images/icons/contribution_txt_right.png') left top no-repeat; } .contribution.small .fleft .type span.important { background: url('../images/icons/contribution_video_right.png') left top no-repeat; } .contribution.small .fleft .type span.highlight { background: url('../images/icons/contribution_photo_right.png') left top no-repeat; } .contribution.small .fright { width: 205px; } .contribution.small .fright .information { float: none; clear: both; padding-bottom: 6px; } .contribution.small .fright .information em { display: none; } .contribution.small .fright .source { float: none; clear: both; padding-top: 2px; border-top: 1px solid #80a955; } .contribution.small .fright .source a, .contribution.small .fright .source p { display: none; } .contribution.small .fright .source p.important { display: block; float: none; padding-left: 0px; background: none; min-height: 10px; height: auto !important; height: 10px; } .contribution.small .fright .source p.important span { display: block !important; float: none; clear: both; padding-bottom: 3px; font-size: 1.0em; } .contribution.small .fright .source p.important a { display: inline; font-style: normal; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; } .contribution .fright .information a.more { display: inline !important; float: none; position: relative; padding: 0 7px; background: none; } .en .contribution .fright .information a.more { padding: 0 5px; } .contribution .fright .information a.more b { position: relative; z-index: 5; font-weight: normal; top: 1px; } .contribution .fright .information a.more em { width: 37px; height: 14px; background: url('../images/more_full_bckg.png') left center no-repeat; z-index: 1; } /* Correction des textes */ .contribution .fright .information { font-family: tahoma !important; } .contribution .fright .information * { font-style: normal; } .contribution .fright .information p.important a.more, .contribution .fright .information p.important a.more * { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } /* Edito */ .e_snail, .e_statistic { width: 472px; float: left; min-height: 375px; height: auto !important; height: 375px; padding-bottom: 13px; } .e_statistic { float: right; } .e_statistic .t_stat { border-bottom: 1px solid #fff; } .e_statistic .t_stat * { color: #fff; } .e_statistic .t_stat table { height: 30px; width: auto; } .e_statistic .t_stat table td { vertical-align: bottom; font-size: 37px; height: 40px; line-height: 115%; padding: 0 0 5px 20px; letter-spacing: -0.01em; } .e_statistic .t_stat table td.first { float: left; height: 110px; font-size: 115px; line-height: 130px; padding: 0; font-style: normal; font-family: Times, Helvetica, sans-serif; letter-spacing: -10px; } .e_statistic .t_stat.last { padding: 12px 10px 15px 15px; font-size: 1.15em; line-height: 140%; font-style: italic; color: #fff; } .e_statistic .t_stat.last a:hover { text-decoration: none; } .e_statistic .t_stat.last.text { font-style: normal; } .e_statistic .t_stat.last.text p { line-height: 125%; padding: 2px 0 4px 0; } .e_statistic .t_stat.last.text ul { padding: 0 10px 5px 5px; } .e_statistic .t_stat.last.text ul li { margin: 0; padding: 0 0 0 15px; background: url('../images/puce_dot.png') left 10px no-repeat; } .e_statistic .t_stat.last.text .img_left { margin-right: 10px; } .e_statistic .t_stat.last.text .img_right { margin-right: 10px; } .e_statistic .e_contribution { padding-top: 26px; background: url('../images/icons/bulle_bckg.png') 150px top no-repeat; margin-top: -15px; } .e_statistic .e_contribution .contribution { background: #a0d36a; border: none; } .e_snail.last { float: right; } .e_snail .fleft { float: none; clear: both; position: relative; } .e_snail .fleft .type { display: block; position: absolute; left: -70px; width: 70px; height: 67px; background: url('../images/icons/type_icon_bckg.png') right top repeat-y; margin-right: 10px; } .e_snail .fleft .type span { display: block; height: 32px; width: 30px; background: url('../images/icons/onglet_txt.png') right top no-repeat; float: right; margin-top: 8px; } .e_snail .fleft .type span.highlight { background-image: url('../images/icons/onglet_photo.png'); } .e_snail .fleft .type span.important { background-image: url('../images/icons/onglet_video.png'); } .e_snail .fleft .media .thumbnail .highlight a { position: relative; display: block; text-decoration: none; } .e_snail .fleft .media .thumbnail .highlight a span { display: block; display: none; /*position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/tmp/screen_60_bckg.png') left top repeat;*/ } /*.e_snail .fleft .media .thumbnail .highlight a:hover span { background: transparent; }*/ .e_snail .fleft .icon { width: 18px; height: 19px; background: url('../images/icons/dot_photo.png') left top no-repeat; display: block; position: absolute; z-index: 15; top: 15px; right: 20px; } .e_snail .fleft .icon.highlight { background-image: url('../images/icons/dot_video.png'); } .e_snail .fleft h2 { color: #fff; font-weight: normal; font-size: 1.7em; font-style: italic; position: absolute; min-height: 65px; height: auto !important; height: 65px; bottom: 0; left: 0; line-height: 130%; width: 100%; background: url('../images/shadow/source_thumbnail_shadow.png') left top repeat; } .e_snail .fleft h2 a { padding: 8px 15px; text-decoration: underline; color: #fff; display: block; float: left; } .e_snail .fleft h2 a:hover { text-decoration: none; } .e_snail .fleft .media .thumbnail .important { display: block; height: 23px; padding-left: 6px; z-index: 10; background: url('../images/pager_reaction_left.png') left top no-repeat; position: absolute; right: 2px; bottom: 0; } .e_snail .fleft .media .thumbnail .important * { display: block; } .e_snail .fleft .media .thumbnail .important span { height: 100%; background: url('../images/pager_reaction_right.png') right top no-repeat; padding-right: 6px; } .e_snail .fleft .media .thumbnail .important span em { height: 100%; background: #a0d36a; font-size: 0.8em; } .e_snail .fleft .media .thumbnail .important span em * { font-style: italic; } .e_snail .fleft .media .thumbnail .important span em a { display: block; text-decoration: none; padding-left: 22px; color: #000; padding-top: 4px; background: url('../images/icons/comment.png') 2px 8px no-repeat; } .e_snail .fleft .media .thumbnail .important span em a acronym { display: inline; font-size: 0.9em; font-weight: bold; } .e_snail .fright { float: none; padding: 10px 15px 15px 15px; color: #fff; /*font-style: italic;*/ font-size: 0.9em; } .e_snail .fright p { line-height: 130%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; } .e_snail .fright p.important { padding-bottom: 0px; padding-top: 10px; font-size: 1em; font-style: normal; } .e_snail .fright p.highlight { font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; } .e_snail .fright p a { color: #fff; text-decoration: none; font-weight: bold; } .e_snail .fright p a:hover { text-decoration: underline; } .e_snail .fright p.highlight a { font-size: 1.3em; font-weight: normal; } .e_snail.last .fleft ._type { display: block; position: absolute; width: 70px; float: right; background: red; right: -50px !important; /*background-position: left top;*/ z-index: 100; } .e_snail.last .fleft ._type span { float: left; background-image: url('../images/icons/onglet_txt_right.png'); } .e_snail.last .fleft ._type span.highlight { background-image: url('../images/icons/onglet_photo_right.png'); } .e_snail.last .fleft ._type span.important { background-image: url('../images/icons/onglet_video_right.png'); } .e_snail.last .fleft .icon { right: 434px; } /* Reactions */ .reaction { clear: both; padding: 14px 6px 6px 6px; margin-bottom: 6px; border: 3px solid transparent; border-top: 1px solid #8da25d; min-height: 20px; height: auto !important; height: 20px; } .reaction a { color: #000; } .reaction.highlight { border: 3px solid #000; padding-top: 6px; } .reaction.first { border-top-color: transparent; } .reaction.first.highlight { border-top: 3px solid #000; } .reaction h4 { font-weight: normal; font-style: italic; padding-bottom: 3px; } .reaction h4 a { text-decoration: none; } .reaction h4 a:hover { text-decoration: underline; } .reaction .fleft { position: relative; } .reaction .fleft .type { display: block; position: absolute; top: -25px; left: -76px; z-index: 10; width: 70px; height: 67px; background: url('../images/icons/type_icon_bckg.png') right top repeat-y; } .reaction .fleft .type span { display: block; height: 32px; width: 30px; background: url('../images/icons/contribution_txt.png') right top no-repeat; float: right; margin-top: 8px; } .reaction .fleft .type span.highlight { background-image: url('../images/icons/contribution_photo.png'); } .reaction .fleft .type span.important { background-image: url('../images/icons/contribution_video.png'); } .reaction .fleft .media { position: relative; z-index: 1; } .reaction .fleft .media .thumbnail .highlight { padding: 0 4px 4px 0; background: url('../images/shadow/contribution_thumbnail_shadow.png') 4px bottom no-repeat; } .reaction .fright { width: 385px; width: 360px; font-size: 0.9em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .reaction .fright p { } .reaction .fright .highlight { font-weight: bold; padding-bottom: 5px; font-size: 0.9em; } .reaction .fright .highlight em { font-weight: normal; } .reaction .fright .highlight a { font-weight: bold; } .reaction .fright .highlight a { font-style: italic; text-decoration: none; } .reaction .fright .highlight a:hover { text-decoration: underline; } .reaction .fright .important { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; padding-bottom: 5px; text-decoration: underline; line-height: 135%; } .reaction.full .fleft { width: 30px; } .reaction.full .fleft .media { display: none; } .reaction.full .fright { margin-left: 0; width: 100%; } .reaction .themes, .reaction .tags { clear: both; padding-top: 12px; } .reaction .themes h5 { display: none; } .reaction .tags h5 { margin-top: -2px; } .reaction a.more { font-family: Georgia, "Times New Roman", Times, serif; margin-top: 5px; } /* Quick share */ .quick_share { color: #f4f4ef; } .quick_share h2 { color: #a0d36a; line-height: 120%; } .quick_share h2 em { float: left; font-style: italic; padding-right: 25px; } .quick_share .icons { padding-left: 25px; } .quick_share .icon { width: 26px; height: 26px; float: left; margin-left: 10px; } .quick_share .icon.twitter { width: 29px; height: 30px; background-position: 1px top; } .quick_share form, .quick_share p { clear: both; float: none; } .quick_share p { padding: 10px 0; font-size: 1.1em; font-style: italic; } .quick_share form { padding: 5px 0; position: relative; } .quick_share form label { color: #f4f4ef; font-style: italic; font-size: 1.1em; line-height: 25px; display: block; } .quick_share form .input { margin-right: 5px; } .quick_share form .input input { width: 243px; } .quick_share form .input input.small { width: 60px; } .quick_share form .input input.medium { width: 80px; } .quick_share form .submit { margin: 3px 0 0 10px; } /* Accordeon */ .accordeon { min-height: 200px; width: 362px; } .accordeon ul li h3 { position: relative; text-indent: 15px; height: 31px; padding-top: 8px; color: #fff; background: url('../images/accordeon/row_bckg.png') left top no-repeat; font-size: 1.2em; } .accordeon ul li h3 em { position: relative; top: -4px; } .accordeon ul li h3 em span { font-size: 0.6em; padding-left: 7px; font-style: italic; position: relative; top: -1px; } .accordeon ul li h3 .btns { font-size: 0.5em; display: block; height: 26px; position: absolute; right: 15px; top: 4px; text-indent: 0; } .accordeon ul li h3 .btns span { cursor: pointer; display: block; width: 26px; height: 26px; overflow: hidden; float: left; margin: 0 !important; padding: 0 !important; background: url('../images/accordeon/btns_bckg.png') -52px top no-repeat; } .accordeon ul li h3 .btns span.first, .accordeon ul li h3 .btns span.last { display: none; } .accordeon ul li h3 .btns span.first { background-position: left top !important; } .accordeon ul li h3 .btns span.last { background-position: -26px top !important; } .accordeon ul li.active h3 .btns span { display: none; } .accordeon ul li.active h3 .btns span.first, .accordeon ul li.active h3 .btns span.last { display: block; } .accordeon ul li .acc_content { display: none; position: relative; padding: 0 1px 18px 2px; background: url('../images/accordeon/content_bckg.png') left bottom no-repeat; } .accordeon ul li .type { display: block; width: 70px; height: 67px; position: absolute; z-index: 500; background: url('../images/icons/type_icon_bckg.png') right top repeat-y; } .accordeon ul li .type span { display: block; height: 32px; width: 30px; background: url('../images/icons/onglet_txt.png') right top no-repeat; float: right; margin-top: 8px; } .accordeon ul li .type span.highlight { background-image: url('../images/icons/onglet_photo.png'); } .accordeon ul li .type span.important { background-image: url('../images/icons/onglet_video.png'); } .accordeon ul li.first h3 { height: 33px; padding-top: 14px; background: url('../images/accordeon/first_bckg.png') left top no-repeat; } .accordeon ul li.first h3 .btns { top: 11px !important; } .accordeon ul li.first.active h3 .btns { top: 7px !important; } .accordeon ul li.last h3 { background: url('../images/accordeon/last_bckg.png') left top no-repeat; } .accordeon ul li.last .acc_content { background-position: -362px bottom; } .accordeon ul li.first.last h3 { height: 33px; padding-top: 14px; background: url('../images/accordeon/first_bckg.png') left top no-repeat; } .accordeon ul li.prev h3 { background-position: -724px top; } .accordeon ul li.active h3 { background-position: -362px top; } .accordeon ul li.active.first.last h3 { background-position: -362px top; } .accordeon ul li.active h3 .btns { top: 3px; } .accordeon ul li.active h3 .btns span { background-position: -78px top; } .accordeon ul li.active h3 .btns span.disabled { filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; cursor: default; } .accordeon ul li.active .acc_content { display: block; } .share_box .accordeon { width: 545px; margin-top: 20px; } .share_box .accordeon ul li h3 { background-image: url('../images/accordeon/row_large_bckg.png'); } .share_box .accordeon ul li.first h3 { background-image: url('../images/accordeon/first_large_bckg.png'); } .share_box .accordeon ul li h3 em { padding-right: 45px; } .share_box .accordeon ul li h3 em { background: url('../images/icons/share_send_icon.png') right top no-repeat; } .share_box .accordeon ul li.first h3 em { padding-right: 35px; background: url('../images/icons/rss_black.png') right -5px no-repeat; /*url('../images/icons/share_code_icon.png') right -2px no-repeat;*/ } .share_box .accordeon ul li.last h3 em { background: url('../images/icons/share_social_icon.png') right -1px no-repeat; } .share_box .accordeon ul li.last h3 { background-image: url('../images/accordeon/last_large_bckg.png'); } .share_box .accordeon ul li.active h3 { background-position: -545px top; } .share_box .accordeon ul li.active .btns { display: none; } .share_box .accordeon ul li.prev h3 { background-position: -1090px top; } .share_box .accordeon ul li .acc_content { background-image: url('../images/accordeon/content_large_bckg.png'); } .share_box .accordeon ul li.last.active .acc_content { background-position: -545px bottom; } /* Share box */ .share_box {} .share_box h2 { color: #a0d36a; line-height: 120%; } .share_box h2 em { float: left; font-style: italic; padding-right: 25px; } .share_box h5 { color: #91918c; font-size: 1.1em; font-weight: normal; font-style: italic; padding: 10px 0 5px 0; } .share_box form { padding: 5px 0; } .share_box form fieldset { padding: 0 20px; } .share_box form ul li { display: block; margin-bottom: 2px; padding: 1px 0; width: 49%; } .share_box form ul li img { display: block; float: left; width: 22px; height: 22px; overflow: hidden; margin-right: 5px; } .share_box form ul li a { text-decoration: none; } .share_box form ul li a em { color: #fff; font-style: italic; text-decoration: underline; font-size: 0.9em; } .share_box form ul li a:hover em { text-decoration: none; } /* Share code */ .share_box form#share_code {} .share_box form#share_code p.important { padding: 5px 0 0 0; } .share_box form#share_code p.important a { color: #ee6c02; font-style: italic; } .share_box form#share_code .input input { width: 370px; } .share_box form#share_code .textarea textarea { min-height: 70px; height: 70px; } .share_box form#share_code .submit { float: right; margin-top: 3px; } .share_box form#send_to_friend p { padding: 2px 0; } .share_box form#send_to_friend label { color: #91918c; display: block; float: left; width: 25px; padding-right: 5px; text-align: right; margin-top: 5px; } .en .share_box form#send_to_friend label { width: 50px; } .share_box form#send_to_friend p.important { padding-top: 5px; width: 87.5%; } .share_box form#send_to_friend p.important label { width: 200px; text-align: left; margin-top: 2px; padding-left: 30px; } .en .share_box form#send_to_friend p.important label { padding-left: 55px; } .share_box form#send_to_friend p.important label input { position: relative; left: -1px; } .share_box form#send_to_friend .textarea textarea { min-height: 25px; height: 25px; } .share_box form#send_to_friend .textarea textarea#send_message { min-height: 60px; height: 60px; } .share_box form#send_to_friend .input input { width: 393px; } .share_box form#send_to_friend .submit { float: right; margin-top: 5px; } .en .share_box form#send_to_friend .submit { margin-right: -25px; } .share_box form#social_networks { min-height: 80px; height: auto !important; height: 80px; } /* Tabs */ .ui_tabs {} .ui_tabs .tabs {} .ui_tabs .tabs ul { min-height: 26px; height: auto !important; height: 26px; background: url('../images/tabs/tab_bckg.gif') left bottom repeat-x;} .ui_tabs .tabs ul li * { background: none; display: block; height: 26px; line-height: 25px; } .ui_tabs .tabs ul li { float: left; padding-left: 9px; } .ui_tabs .tabs ul li span { padding-right: 9px; } .ui_tabs .tabs ul li span a { padding: 0 10px; color: #7e7f7c; text-decoration: none; } .ui_tabs .tabs ul li.active { background: url('../images/tabs/left_bckg.gif') left bottom no-repeat; } .ui_tabs .tabs ul li.active * { display: block; } .ui_tabs .tabs ul li.active span { background: url('../images/tabs/right_bckg.gif') right bottom no-repeat; } .ui_tabs .tabs ul li.active span a { color: #fff; cursor: default; } .ui_tabs .ui_tabs_contents .ui_tabs_content { display: none; } .ui_tabs .ui_tabs_contents .ui_tabs_content.active { display: block; } /* Recherche */ .s_container { padding: 15px 0; clear: both; } .s_container.highlight { background: #21221e; } .s_container .fleft { width: 400px; } .s_container .fleft .type { display: block; float: left; width: 70px; height: 67px; background: url('../images/icons/type_icon_bckg.png') right top repeat-y; /*margin-right: 10px;*/ } .s_container .fleft .type span { display: block; height: 32px; width: 30px; background: url('../images/icons/onglet_txt.png') right top no-repeat; float: right; margin-top: 8px; } .s_container .fleft .type span.highlight { background-image: url('../images/icons/onglet_photo.png'); } .s_container .fleft .type span.important { background-image: url('../images/icons/onglet_video.png'); } .s_container .fleft .type span.answer_image { background-image: url('../images/icons/answer_photo.png'); } .s_container .fleft .type span.answer_video { background-image: url('../images/icons/answer_video.png'); } .s_container .fleft .media { padding: 0; margin: 0; float: left; } .s_container .fleft .media .thumbnail { display: block; width: 100%; position: relative; } .s_container .fleft .media .thumbnail .highlight { display: block; width: 304px; height: 172px; padding: 0 5px 5px 0; background: url('../images/shadow/search_thumbnail_shadow.png') right bottom no-repeat; } .s_container .fleft .media .thumbnail .highlight a { display: block; text-decoration: none; color: #000; } .s_container .fleft .media .thumbnail .important { display: block; height: 23px; padding-left: 6px; z-index: 10; background: url('../images/pager_reaction_left.png') left top no-repeat; position: absolute; right: 5px; bottom: 5px; } .s_container .fleft .media .thumbnail .important * { display: block; } .s_container .fleft .media .thumbnail .important span { height: 100%; background: url('../images/pager_reaction_right.png') right top no-repeat; padding-right: 6px; } .s_container .fleft .media .thumbnail .important span em { height: 100%; background: #a0d36a; font-size: 0.8em; } .s_container .fleft .media .thumbnail .important span em * { font-style: italic; } .s_container .fleft .media .thumbnail .important span em a { display: block; text-decoration: none; padding-left: 22px; color: #000; padding-top: 4px; background: url('../images/icons/comment.png') 2px 8px no-repeat; } .s_container .fleft .media .thumbnail .important span em a acronym { display: inline; font-size: 0.9em; font-weight: bold; } .s_container .fleft.full { width: 70px; overflow: hidden; } .s_container .fleft.full .media { display: none; } .s_container .fright { width: 545px; margin-right: 20px; } .s_container .fright * { color: #fff; text-decoration: none; } .s_container .fright.full { width: 860px; } .s_container .fright h3 { font-style: italic; font-weight: normal; border-bottom: 1px solid #fff; padding-top: 6px; margin-top: -5px; } .s_container .fright h3.important { background: url('../images/fr/search_list_pibblog.png') right bottom no-repeat; } .en .s_container .fright h3.important { background-image: url('../images/en/search_list_pibblog.png'); } .s_container .fright p { font-size: 0.8em; color: #a6a7a5; line-height: 135%; margin: 6px 0 8px 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .s_container .fright p em { color: #a6a7a5; font-weight: bold; } .s_container .fright p.important { font-size: 0.9em; margin: 0 0 10px 0; padding-right: 10px; line-height: 120%; } .s_container .fright .themes, .s_container .fright .tags { clear: both; } .s_container .fright .tags { padding-top: 5px; } .s_container .fright .tags a { text-decoration: underline; font-style: italic; font-size: 1.1em; } .s_container .fright .tags a:hover { text-decoration: none; } .s_container .fright .themes h5 { float: none; } .s_container .fright .tags p { font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; } .s_container .fright .tags p * { font-style: normal; } /* Blog snail */ .blog_snail { width: 328px; padding: 10px 8px 3px 12px; background: #252621; } .blog_snail * { color: #d0cfcf; } .blog_snail h4 { line-height: 110%; font-size: 1.2em; font-weight: normal; font-style: italic; padding-bottom: 2px; } .blog_snail h4 a { color: #e9e4e4; text-decoration: none; } .blog_snail h4 a:hover { text-decoration: underline; } .blog_snail p { font-size: 0.9em; line-height: 125%; font-family: Tahoma, Verdana, Helvetica, sans-serif; margin-bottom: 10px; } .blog_snail p.highlight { font-weight: bold; font-size: 0.8em; } .blog_snail p.highlight em { font-weight: normal; } .blog_snail .media { display: block; margin-bottom: 10px; } .blog_snail .media .thumbnail { padding: 0 4px 4px 0; } .blog_snail .media .thumbnail a { text-decoration: none; position: relative; display: block; float: left; padding: 0; margin-bottom: 5px; } .blog_snail .media .thumbnail a .shadow { display: block; position: absolute; left: 4px; top: 4px; background: url('../images/shadow/blog_media.png') left top repeat; width: 100%; height: 100%; } .blog_snail .media .thumbnail a img { position: relative; z-index: 10; } .blog_snail .more { margin-top: 5px; } .blog_snail div.important { float: right; padding: 0 10px 0 19px; background: url('../images/icons/comment.png') left 7px no-repeat; } .blog_snail div.important * { font-size: 0.9em; font-style: italic; color: #e9e4e4; } .blog_snail div.important a { text-decoration: none; } .blog_snail div.important a:hover { text-decoration: underline; } /* Pagers */ .pager {} .pager * { color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; } .pager h5 { float: left; margin: 3px 20px 0 0; } .pager ul { float: left; } .pager ul li { float: left; margin: 0 2px; padding: 0 2px; height: 24px; } .pager ul li.first {} .pager ul li * { display: block; text-align: center; height: 100%; font-style: italic; } .pager ul li a { color: #fff; font-size: 11px; } .pager ul li span em a { padding-top: 3px; } .pager ul li.active {} .pager ul li.active span { padding-left: 3px; background: url('../images/pager_reaction_left.png') left top no-repeat; } .pager ul li.active span em { padding-right: 3px; background: url('../images/pager_reaction_right.png') right top no-repeat; } .pager ul li.active span em a { color: #000; text-decoration: none; padding-left: 1px; padding-right: 3px; } .pager ul li.next { margin-left: 7px; } .pager ul li.prev { margin-right: 7px; } .pager ul li.next a, .pager ul li.prev a { font-size: 10px; text-decoration: none; } .pager .pager_wrapper { background: url('../images/pager_s_top_left.png') left top no-repeat; height: 32px; padding-left: 10px; float: right; } .pager .pager_wrapper div { background: url('../images/pager_s_top_right.png') right top no-repeat; height: 23px; padding: 9px 11px 0 0; } .pager.last .pager_wrapper { background: url('../images/pager_s_bottom_left.png') left bottom no-repeat; padding-left: 9px; } .pager.last .pager_wrapper div { background: url('../images/pager_s_bottom_right.png') right bottom no-repeat; height: 24px; padding-top: 8px; } .pager .pager_wrapper div * { font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; } .pager .pager_wrapper .prev { padding-right: 20px; } .pager .pager_wrapper .next { padding-left: 20px; } .pager .pager_wrapper .next a, .pager .pager_wrapper .prev a { padding: 0; } .pager .pager_wrapper a { text-decoration: none; padding: 0 1px; } .pager .pager_wrapper a.active { border-bottom: 1px solid #fff; background: #444540; } .pager .pager_wrapper a { font-size: 12px; } /* PUNY MCA */ .puny_content { padding: 15px 0 20px 0; } .puny_content * { color: #f4f4ef; } .puny_content h2, .puny_content h3 { font-weight: normal; font-style: italic; line-height: 120%; } .puny_content h2 { color: #f3e499; font-size: 1.5em; } .puny_content h3 { font-size: 1.05em; text-decoration: underline; } .puny_content p.important { font-weight: normal; font-size: 0.8em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 4px 0 0 0; } .puny_content p.important em { font-weight: bold; } .puny_content p.important span a { text-decoration: none; font-weight: bold; } .puny_content p.important span a:hover { text-decoration: underline; } .puny_content h3.important { padding: 5px 0 0 0; } .puny_content .free_content { padding: 10px 10px 0 0; font-size: 0.9em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .puny_content .free_content h3 { line-height: 115%; padding: 3px 0; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; } .puny_content .free_content p { margin: 3px 0 5px 0; line-height: 130%; } .puny_content .free_content a { color: #f3e499; } .puny_content .free_content a:hover { text-decoration: none; } .puny_content .free_content ul { padding: 3px 10px 5px 10px; } .puny_content .free_content ul li { line-height: 145%; padding-left: 15px; background: url('../images/puce_dot.png') 3px 4px no-repeat; } .puny_content .free_content.credit {} .puny_content .free_content.credit b { margin-bottom: 0; font-size: 1.2em; font-weight: normal; color: #f3e499 !important; font-family: Georgia, "Times New Roman", Times, serif; } .puny_content .free_content.credit b span { color: #f3e499; } /* Personnages */ .p_snail { width: 48%; } .p_snail .media { width: 202px; position: relative; } .p_snail .media a { text-decoration: none; } .p_snail .media a img { position: relative; z-index: 10; } .p_snail .media a .shadow, .p_snail .media .contact { background: #000; position: absolute; width: 100%; height: 100%; top: 5px; left: 2px; z-index: 1; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; } .p_snail .media .contact { background: #fff; z-index: 20; width: 199px; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; cursor: pointer; } .p_snail .media span { display: block; float: left; padding-left: 3px; height: 17px; background: url('../images/caracter_left.png') left top no-repeat; position: absolute; z-index: 20; left: 10px; bottom: 10px; } .p_snail .media span em { display: block; height: 100%; padding-right: 8px; padding-left: 5px; line-height: 18px; background: url('../images/caracter_right.png') right top no-repeat; font-size: 0.8em; color: #000; font-style: italic; } .p_snail p { display: none; } /* Tooltip */ .tooltip { background: url('../images/tooltip_right.png') right 10px no-repeat; font-size: 0.9em; color: #fff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; width: 211px; padding-right: 14px; position: absolute; left: 10px; top: 40px; z-index: 500; display: none; } .tooltip.pleft { background: url('../images/tooltip_left.png') left 10px no-repeat; padding-right: 0; width: 215px; padding-left: 14px; left: 215px; } .tooltip p { background: #000; } .tooltip p span { display: block; padding: 15px 10px; min-height: 55px; height: auto !important; height: 55px; } /* Specifics HTML elements */ #container1 { background: #a6a39c url('../images/map.png') center top no-repeat; } #container2 {} #container3 { background: url('../images/container3_bckg.gif') left top repeat-x; } #content .container { min-height: 400px; height: auto !important; height: 400px; } /* Top section */ #t_section { clear: both; float: none; } #t_section .left { float: left; width: 400px; } #t_section .right { float: right; width: 560px; } /* Bottom section */ #b_section { clear: both; float: none; } #b_section .left { float: left; width: 400px; min-height: 150px; } #b_section .right { float: right; width: 560px; } #ugc_formulaires { display: none; min-height: 50px; height: auto !important; height: 50px; border-top: 1px solid #5f7c40; background: url('../images/contribution_form_bckg.png') center top repeat-y; } #ugc_formulaires .ugc_form { width: 31%; float: left; margin: 0 15px 0 5px; } #ugc_formulaires .ugc_form.first { margin: 0 20px 0 10px; } #ugc_formulaires .ugc_form.last { margin: 0 0 0 3px; } #ugc_formulaires .ugc_form .msg_error_container { position: relative; display: block; height: 1px; z-index: 100; } #ugc_formulaires .ugc_form fieldset { padding: 10px 0 20px 5px; position: relative; } #ugc_formulaires .ugc_form fieldset h3 { /*font-style: italic;*/ font-weight: normal; color: #282924; } #ugc_formulaires .ugc_form fieldset .input input { width: 270px; } #ugc_formulaires .ugc_form fieldset p { padding-bottom: 10px; clear: both; } #ugc_formulaires .ugc_form fieldset .textarea { margin-bottom: 5px; } #ugc_formulaires .ugc_form fieldset .submit { margin-right: 17px; float: right; } #ugc_formulaires .ugc_form fieldset .upload .submit { margin-right: 0; } #ugc_formulaires .ugc_form p.introduction { font-size: 0.85em; font-style: italic; line-height: 145%; color: #282924; } #ugc_formulaires .callback_msg { width: 98%; left: -2%; z-index: 150; } #ugc_formulaires .callback_msg .msg_wrapper { padding: 0 5px 0 25px; background-position: 13px 2px; } #ugc_formulaires .callback_msg .msg_wrapper h4 { padding-left: 10px; } /* Geolocalisation */ #ugc_formulaires form .geolocalisation { padding: 0; } #ugc_formulaires form .geolocalisation .btn *, #ugc_formulaires form .geolocalisation .submit * { font-style: italic; } #ugc_formulaires form .geolocalisation .section { padding: 0; margin: 0; } #ugc_formulaires form .geolocalisation .section.first { padding-bottom: 12px; } #ugc_formulaires form .geolocalisation .section.first .btn { margin-top: -4px; cursor: pointer; background: url('../images/open_close_geolocator.png') -40px top no-repeat; width: 39px; height: 21px; padding: 0; } #ugc_formulaires form .geolocalisation .section.first .btn.open { background-position: left top; } #ugc_formulaires form .geolocalisation .section.first .btn * { display: none; } #ugc_formulaires form .geolocalisation .section.first p { font-style: italic; padding: 0; margin: 0; position: relative; } #ugc_formulaires form .geolocalisation .section.first p em { font-style: italic; font-size: 0.85em; position: relative; top: 3px; } #ugc_formulaires form .geolocalisation .section.first p .btn { right: 17px; top: 4px; position: absolute; float: none; } #ugc_formulaires form .geolocalisation .section.first p.highlight { top: 5px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;} #ugc_formulaires form .geolocalisation .section.first p.highlight a { color: #000; font-size: 0.75em; } #ugc_formulaires form .geolocalisation .section.first p.highlight a:hover { text-decoration: none; } #ugc_formulaires form .geolocalisation .gmap_container { height: 225px; } #ugc_formulaires form .geolocalisation .gmap_container .gmap_wrapper { position: relative; width: 284px; height: 225px; z-index: 5; } #ugc_formulaires form .geolocalisation .gmap_container .gmap_wrapper .bottom, #ugc_formulaires form .geolocalisation .gmap_container .gmap_wrapper .top { position: absolute; width: 100%; height: 5px; background: green; z-index: 100; } #ugc_formulaires form .geolocalisation .gmap_container .gmap_wrapper .top { top: 0; background: url('../images/gmap_bckg.gif') left top no-repeat; } #ugc_formulaires form .geolocalisation .gmap_container .gmap_wrapper .bottom { bottom: 0; height: 4px; background: url('../images/gmap_bckg.gif') -284px top no-repeat; } #ugc_formulaires form .geolocalisation .gmap_container .gmap_wrapper .gmap_embed_container { padding-left: 2px; background: url('../images/gmap_bckg.gif') -568px top repeat-y; } #ugc_formulaires form .geolocalisation .gmap_container .gmap { width: 282px; height: 225px; overflow: hidden; } #ugc_formulaires form .geolocalisation .gmap_container .gmap span { display: none !important; } #ugc_formulaires form .geolocalisation .gmap_container .gmap .terms-of-use-link { display: none !important; } #ugc_formulaires form .geolocalisation .section.last { min-height: 15px; height: auto !important; padding-top: 5px; } #ugc_formulaires form .geolocalisation .section.last .input input { width: 205px; } #ugc_formulaires form .geolocalisation .section.last .submit { width: 55px; height: 24px; margin: 5px 5px 0 0; } #ugc_formulaires form .geolocalisation .section.last .submit span { height: 24px; } #ugc_formulaires form .geolocalisation .section.last .submit input { width: 24px; height: 13px; margin-top: 5px; } #ugc_formulaires form .geolocalisation .section.last .btn { float: left; margin: 5px 0; } #ugc_formulaires form .geolocalisation .locator_error, #ugc_formulaires form .geolocalisation .locator_load { display: none; height: 20px; width: 266px; position: absolute; top: 240px; left: 10px; z-index: 50; background: url('../images/geolocation_error_bckg.png') center center no-repeat; } #ugc_formulaires form .geolocalisation .locator_error em, #ugc_formulaires form .geolocalisation .locator_load em { padding: 0 9px; font-style: italic; color: #fff; } #ugc_formulaires form .geolocalisation .locator_load { display: block; top: 100px; } #ugc_formulaires form .geolocalisation .locator_load em { display: block; text-align: center; } #alternative { width: 990px; margin: 0 auto; text-align: left; } #alternative a { color: #000; font-style: italic; text-decoration: none; } #alternative div.important { font-size: 1.3em; background-color: #f9faf5; border: 1px solid #838079; padding: 15px; margin-bottom: 10px; } #alternative div.important p { line-height: 130%; } #alternative div.important a { display: block; float: left; margin-top: 20px; line-height: 30px; } #alternative div.important a img { float: left; margin: 0 25px; } #alternative .item { width: 45%; padding: 5px 10px; font-size: 0.8em; background-color: #f9faf5; min-height: 120px; height: auto !important; height: 120px; border: 1px solid #838079; margin-bottom: 10px; } #alternative .item h4 { padding-bottom: 5px; font-size: 1.4em; } #alternative .item p { font-family: Tahome, Verdana, Arial, Helvetica, sans-serif; font-style: italic; } #alternative .item .stats { padding: 10px 0; } #alternative .item ul { clear: both; padding: 5px 0; } #alternative .item ul li { width: 33%; float: left; } /* Header */ #header { background: url('../images/header_bckg.png') left bottom repeat; position: relative; z-index: 100; } #header a.important { display: block; width: 84px; height: 42px; overflow: hidden; position: absolute; left: 10px; top: 7px; z-index: 100; } #header a.important img { display: block; } #header .wrapper { min-height: 62px; height: auto !important; height: 62px; color: #f6f8f3; position: relative; z-index: 10; } #header .wrapper a { text-decoration: none; color: #f6f8f3; } #header .wrapper ul { position: relative; top: 22px; } #header .wrapper ul li { float: left; height: 40px; width: 28px; text-align: center; line-height: 40px; } #header .wrapper .menu li span { display: block; padding-left: 5px; background: url('../images/menu_onglet_left.png') left top no-repeat; height: 100%; } #header .wrapper .menu li span em { display: block; padding-right: 5px; background: url('../images/menu_onglet_right.png') right top no-repeat;; height: 100%; } #header .wrapper .menu li span em { color: #282924; } #header .wrapper .menu li span em a { color: #282924; } #header .wrapper .fleft ul { float: left; position: relative; left: 120px; z-index: 1; } #header .wrapper .fleft ul li { width: auto; font-size: 1.25em; } #header .wrapper .fleft ul li a { padding: 0 0 0 24px; display: block; font-style: italic; } #header .wrapper .fleft ul li span em { padding-right: 10px; } #header .wrapper .fleft ul li.first a { padding-left: 33px; background: url('../images/icons/stories_icon.gif') 3px 8px no-repeat; } #header .wrapper .fleft ul li.first span em a { background-image: url('../images/icons/stories_icon_active.gif'); } #header .wrapper .fleft ul li.second { margin-left: 10px; } #header .wrapper .fleft ul li.second a { padding-left: 45px; background: url('../images/icons/territory_icon.gif') 3px 8px no-repeat; } #header .wrapper .fleft ul li.second span em a { background-image: url('../images/icons/territory_icon_active.gif'); } #header .wrapper .fleft ul li.last { margin-left: 10px; } #header .wrapper .fleft ul li.last a { background: url('../images/icons/theme_icon.gif') 2px 11px no-repeat; padding-left: 28px; } #header .wrapper .fleft ul li.last span em a { background-image: url('../images/icons/theme_icon_active.gif'); } #header .wrapper .fright .rss { float: left; background: url('../images/icons/rss_small.png') center center no-repeat; width: 18px; height: 17px; position: relative; top: 36px; left: 43px; } #header .wrapper .fright #newsletter_link { width: 120px; overflow: hidden; position: absolute; right: 115px; top: 36px; text-align: right; font-style: italic; } #header .wrapper .fright ul { top: 34px; left: -205px; float: left; } #header .wrapper .fright ul li { height: 28px; line-height: 25px; } #header .wrapper .fright ul.icons { top: 35px; left: 50px; } #header .wrapper .fright ul.icons li { width: 20px; height: 20px; margin-right: 4px; position: relative; } #header .wrapper .fright ul.icons li a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } #header .wrapper .fright ul.icons li .rss { background: url('../images/icons/header_rss.png') left top no-repeat; } #header .wrapper .fright ul.icons li .facebook { background: url('../images/icons/header_facebook.png') left top no-repeat; } #header .wrapper .fright ul.icons li .twitter { background: url('../images/icons/header_twitter.png') left top no-repeat; } #header .wrapper .fright ul.icons li a:hover { background-position: -20px top; } #header .wrapper .fright ul.icons li .delicious { background: url('../images/icons/header_deli.png') left top no-repeat; } #header .wrapper .fright ul.icons li a:hover { background-position: -20px top; } #header .wrapper form { float: right; padding: 0; margin: 15px 10px 0 0; width: 260px; position: absolute; top: 80px; left: 720px; } .en #header .wrapper form { width: 230px; left: 750px; } #header .wrapper form .submit { margin: 4px 0 0 5px; font-size: 0.9em; font-weight: bolder; } #header .wrapper form .submit span { padding-bottom: 5px; } #header .wrapper form .submit input { width: 25px; height: 13px; position: relative; top: 2px; } #header .wrapper form .input { float: left; width: 190px; } #header .wrapper form .input input { width: 180px; } .en #header .wrapper form .input { float: left; width: 160px; } .en #header .wrapper form .input input { width: 150px; } #pib_header { padding-top: 15px; } #pib_header .wrapper { min-height: 75px; height: auto !important; height: 75px; } #pib_header .wrapper a { text-decoration: none; } #pib_header .wrapper a.important { display: block; float: left; background: url('../images/fr/pib_logo.png') left top no-repeat; height: 61px; width: 119px; overflow: hidden; text-indent: -750px; margin-left: 4px; } .en #pib_header .wrapper a.important { background-image: url('../images/en/pib_logo.png'); width: 148px; } #pib_header .wrapper h3 { float: left; font-size: 1.2em; font-weight: normal; font-style: italic; margin: 20px 0 0 10px; width: 550px; overflow: hidden; text-indent: -1500px; } #pib_header .wrapper h3 { background: url('../images/fr/baseline.png') left top no-repeat; } .en #pib_header .wrapper h3 { background-image: url('../images/en/baseline.png'); width: 557px; } /* Sections */ #index { /*background: #282924;*/ background: url('../images/home_bckg.gif') left 562px repeat-x; } #index #t_section { position: relative; background: url('../images/tmp/index_bckg.jpg') center top repeat-x; } #index #t_section .navigation { color: #fff; z-index: 150; display: block; position: absolute; width: 25px; top: 150px; height: 93px; line-height: 90px; } #index #t_section .navigation { outline-color: invert; outline-style: none; outline-width: 0px; outline: none; } #index #t_section .navigation * { cursor: pointer; font-size: 1em; } #index #t_section .navigation:hover { width: 120px; color: #1d1d1d; } #index #t_section .navigation em span { display: none; font-style: italic; text-indent: 30px; } #index #t_section .navigation:hover em span { display: block; } #index #t_section .navigation.first { left: 0px !important; background: url('../images/edito/prev_bckg.png') right top no-repeat; } #index #t_section .navigation.first em { display: block; height: 100%; text-align: left; background: url('../images/edito/prev_arrow_bckg.png') 3px -90px no-repeat; } #index #t_section .navigation.first:hover em { display: block; height: 100%; text-align: left; background: url('../images/edito/prev_arrow_bckg.png') 3px 5px no-repeat; } #index #t_section .navigation.last { right: 0px !important; padding-left: 3px; background: url('../images/edito/next_bckg.png') 3px top no-repeat; } #index #t_section .navigation.last em { display: block; height: 100%; text-align: right; background: url('../images/edito/next_arrow_bckg.png') 6px -90px no-repeat; } #index #t_section .navigation.last:hover em { background: url('../images/edito/next_arrow_bckg.png') 103px 5px no-repeat; } #index #t_section .navigation.last:hover em span { padding-right: 30px; } #index #t_section .container { background: url('../images/tmp/screen_bckg.png') center top repeat-x; min-height: 550px; height: 562px; } #index #t_section .container #editorial { position: relative; width: 986px; margin: 0 auto 25px auto; } #index #t_section .container #editorial h1 { font-size: 1.1em; font-weight: normal; padding: 0 0 3px 0; margin: 0; border-bottom: 1px solid #fff; line-height: 130%; } #index #t_section .container #editorial .e_shadow { background: #000; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; position: absolute; z-index: 1; left: 3px; top: 3px; width: 100%; height: 100%; } #index #t_section .container #editorial .e_wrapper { position: relative; z-index: 2; padding: 10px 15px 0 15px; background: url('../images/edito_bckg.png') left top repeat; } #index #t_section .container #editorial .tab { position: absolute; left: 5px; } #index #t_section .container #editorial .tab li { z-index: 10; margin-left: -3px; position: relative; float: left; height: 50px; background: url('../images/edito/edito_onglet_right.png') right bottom no-repeat; padding-right: 8px; } #index #t_section .container #editorial .tab li.first { margin-left: 0; } #index #t_section .container #editorial .tab li.active { z-index: 2; background: url('../images/edito/edito_onglet_active_right.png') right bottom no-repeat; } #index #t_section .container #editorial .tab li div { padding-left: 8px; height: 100%; background: url('../images/edito/edito_onglet_left.png') left bottom no-repeat; } #index #t_section .container #editorial .tab li.active div { background: url('../images/edito/edito_onglet_active_left.png') left bottom no-repeat; } #index #t_section .container #editorial .tab li div a { display: block; height: 100%; font-size: 1.5em; font-style: italic; line-height: 50px; color: #b4b4b3; text-decoration: none; padding: 0 18px; outline-color: invert; outline-style: none; outline-width: 0px; outline: none; } #index #t_section .container #editorial .tab li.active div a { cursor: default; color: #fff; } #index #t_section .container #editorial .date { position: absolute; left: -55px; top: 120px; display: block; height: 58px; width: 58px; background: url('../images/edito/onglet_date.png') left top no-repeat; font-size: 0.85em; text-align: center; font-style: italic; } #index #t_section .container #editorial .date em { display: block; font-size: 3em; line-height: 90%; font-style: italic; padding-left: 5px; padding-top: 1px; } .en #index #t_section .container #editorial .date { font-size: 3em; line-height: 0.6em; padding-top: 4px; } .en #index #t_section .container #editorial .date em { font-size: 0.25em; } #index #t_section .container #editorial .e_window { position: relative; z-index: 10; display: none; } #index #t_section .container #editorial .e_window.active { display: block; } #index #t_section .container .right { width: 370px; padding-bottom: 25px; min-height: 550px; } #index #t_section .container .right .accordeon { min-height: 200px; } #index #t_section .container .right .accordeon ul li.first { display: none; } #index #t_section .container .right .accordeon .blog_title { background: url('../images/fr/index_blog_title.png') left bottom no-repeat; height: 47px; } .en #index #t_section .container .right .accordeon .blog_title { background-image: url('../images/en/index_blog_title.png'); } #index #t_section .container .right .accordeon .blog_title a { display: block; height: 35px; background: transparent; position: relative; top: 10px; margin: 0 15px 0 15px; overflow: hidden; text-indent: -350px; } #index #t_section .container .right .accordeon ul li h3 { font-size: 1.1em; cursor: pointer; } #index #t_section .container .right .accordeon ul li h3 span { display: block; position: absolute; right: 0; top: 4px; font-size: 0.65em; padding-left: 1px; padding-right: 1px; background: url('../images/accordeon/blog_date_sep.gif') left top no-repeat; width: 100px; overflow: hidden; text-indent: 7px; } #index #t_section .container .right .accordeon ul li.active h3 { display: none; } #index #t_section .container .left { width: 600px; } #index #t_section .container .left #graph {display: none; margin: 175px 0 50px 0; /*background: url('../images/tmp/indice.gif');*/ } #index #t_section .container .left #graph { color: #dddddd; font-size: 0.9em; } #index #t_section .container .left #graph h2 { border-bottom: 1px solid #dddddd; margin-bottom: 15px; font-size: 1.5em; } #index #t_section .container .left #graph h2 em { font-style: italic; } #index #t_section .container .left #graph p, #index #t_section .container .left #graph div { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } #index #t_section .container .left #graph a { color: #f3e499; text-decoration: underline; } #index #t_section .container .left #graph a:hover { text-decoration: none; } #theme { background: #282924 url('../images/tmp/test_bckg.gif') center top repeat-x; } #theme #t_section { min-height: 1090px; height: auto !important; height: 1090px; background: url('../images/tmp/theme_bckg.gif') left 399px repeat-x; } #theme #t_section .left { width: 380px; min-height: 950px; } #theme #t_section .right { width: 590px; } #theme #t_section .title { min-height: 180px; position: relative; } #theme #t_section .title h1 { font-size: 2.2em; line-height: 200%; font-style: italic; font-weight: normal; float: left; margin-right: 35px; } #theme #t_section .title span.important { width: auto !important; color: #fff; font-size: 1.2em; line-height: 140%; font-style: italic; font-weight: normal; position: relative; top: 18px; } #theme #t_section .title ul {} #theme #t_section .title ul.stats { position: absolute; bottom: -20px; } #theme #t_section .title ul li { width: 520px; position: relative; clear: both; min-height: 18px; height: auto !important; height: 15px; } #theme #t_section .title ul.stats li { min-height: 30px; height: auto !important; height: 30px; } #theme #t_section .title ul li span { float: left !important; display: block; background: #a0d36a; padding: 0; margin: 0; position: relative; z-index: 10; height: 20px; line-height: 20px; font-size: 0.8em; font-style: italic; text-indent: 3px; } #theme #t_section .title ul.stats li span { height: 25px; line-height: 25px; font-size: 0.9em; } #theme #t_section .title ul li span.shadow { position: absolute; top: 3px; left: 3px; float: none !important; z-index: 1; width: 100%; background: #000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #theme #t_section .title ul li span.photo { background: #ffeb84; } #theme #t_section .title ul li span.story { background: #ee5151; color: #000; } #theme #t_section .title ul li span.episode { background: #ee5151 url('../images/stat_episode_bckg.gif') left top repeat; } #theme #t_section .title .select { float: left; position: absolute; right: 10px; margin-top: 15px; } #theme #t_section .title .select ul { margin-top: 0; } #theme #t_section .left .accordeon { margin-top: 135px; } #theme #t_section .left .accordeon .acc_content { position: relative; /* min-height: 700px; */ } #theme #t_section .left .accordeon .acc_content .caroussel_wrapper { position: relative; min-height: 700px; overflow: hidden; height: 700px; position: relative; } #theme #t_section .left .accordeon .acc_content .caroussel_wrapper .caroussel_scroller { position: absolute; top: 0; left: 0; } #theme #t_section .left .accordeon .acc_content .type { display: none; } #theme #t_section #resume { width: 360px; height: 215px; float: right; margin: 4px 0 0 0; background: url('../images/theme_intro_bckg.png') left top repeat-x; } #theme #t_section #resume .e_statistic { float: none; clear: both; width: 360px; min-height: 200px; height: auto !important; height: 200px; } #theme #t_section #resume .e_statistic .t_stat { margin-left: 5px; float: none; clear: both; } #theme #t_section #resume .e_statistic .t_stat td { font-size: 31px; line-height: 35px; } #theme #t_section #resume .e_statistic .t_stat td.first { font-size: 125px; line-height: 100%; } #theme #t_section #resume .e_statistic .t_stat.last { border: none; padding-bottom: 0; } #theme #t_section #resume .e_statistic .t_stat p { line-height: 140%; font-size: 1.1em; padding: 15px 10px 15px 15px; font-style: italic; } #theme #t_section #resume .e_statistic .t_stat.last p.important { font-size: 1.45em; text-indent: 20px; margin-right: 7px; background: url('../images/citation_fr_open.png') 8px 20px no-repeat; } #theme #t_section #resume .e_statistic .t_stat.last p.important span { padding: 0 12px 0 10px; background: url('../images/citation_fr_close.png') right 5px no-repeat; } #theme #t_section #resume .e_statistic .t_stat.last p.highlight { padding-top: 0px; padding-right: 30px; text-align: right; font-size: 1.2em; margin-top: -10px; } .en #theme #t_section #resume .e_statistic .t_stat.last p.important { background-image: url('../images/citation_open.png'); } .en #theme #t_section #resume .e_statistic .t_stat.last p.important span { background-image: url('../images/citation_close.png'); } #theme #t_section #resume .e_statistic .t_stat.last.small p.important { font-size: 1.2em; text-indent: 12px; padding-top: 7px; background: url('../images/citation_fr_small_open.png') 5px 8px no-repeat; } #theme #t_section #resume .e_statistic .t_stat.last.small p.important span { padding-right: 9px; background: url('../images/citation_fr_small_close.png') right top no-repeat; } #theme #t_section #resume .e_statistic .t_stat.last.small p.highlight { font-size: 1em; } .en #theme #t_section #resume .e_statistic .t_stat.last.small p.important { background-image: url('../images/citation_small_open.png'); text-indent: 9px; } .en #theme #t_section #resume .e_statistic .t_stat.last.small p.important span { background-image: url('../images/citation_small_close.png'); } #theme #t_section #resume .e_contribution { display: none; } #theme #t_section #anchor { clear: both; width: 211px; height: 82px; background: url('../images/share_anchor_bckg.png') left top no-repeat; } #theme #t_section #anchor a { display: block; margin: 0 10px; height: 30px; padding: 10px 0 0 30px; color: #282924; text-decoration: none; font-style: italic; font-size: 1.15em; background: url('../images/icons/share.png') left center no-repeat; } #theme #t_section #contributions { min-height: 527px; height: auto !important; height: 590px; } #theme #t_section #contributions h2 { color: #b6d35f; height: 35px; } #theme #t_section #contributions h2 em { font-style: italic; } #theme #t_section #contributions h2 em span { position: relative; top: -2px; left: 15px; color: #f4f4ef; font-size: 1.5em; } #theme #t_section #contributions h2 .btn { margin: 8px 15px 0 0; overflow: hidden; } #theme #t_section #contributions .pager { background: url('../images/icons/bulle_bckg.png') 325px 5px no-repeat; height: 23px; padding-top: 9px; } #theme #t_section #contributions #contributions_content .introduction { line-height: 100%; height: 24px; width: 100%; padding: 10px 0 0 0; background: url('../images/reaction_list_bckg.gif') center center no-repeat; } #theme #t_section #contributions #contributions_content .introduction p { background: url('../images/arrow_bottom.gif') bottom center no-repeat; } #theme #t_section #contributions #contributions_content .introduction .fleft { text-align: left; float: left !important; padding: 0 10px 5px 10px; } #theme #t_section #contributions #contributions_content .introduction .fright { padding: 0 50px 5px 50px; } #theme #t_section #ugc_title {} #theme #t_section #ugc_title * { font-style: italic; color: #282924; } #theme #t_section #ugc_title h2 { height: 60px; font-weight: normal; line-height: 65px; position: relative; } #theme #t_section #ugc_title h2 span { display: block; width: 26px; height: 26px; font-size: 5px; padding: 0; cursor: pointer; overflow: hidden; background: url('../images/accordeon/btns_bckg.png') -52px top no-repeat; position: absolute; right: 10px; top: 20px; } #theme #t_section #ugc_title h2 span.close { background-position: -78px top; } #theme #t_section #ugc_title p { display: none; font-size: 0.9em; line-height: 140%; padding: 0 0 20px 0; } #theme #b_section { background: #282924; padding: 15px 0 40px 0; } #theme #b_section #share_box { width: 543px; } #theme #b_section #share_box h2, #theme #b_section #share_box h2 * { float: none; } /* Corrections Tailles/styles de fonts */ #theme #contributions .btn, #theme #contributions .btn * { font-style: normal; } #theme .pager h5 { font-weight: normal; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } /* Themes */ #themes #swf { margin-top: -4px; min-height: 400px; height: auto !important; height: 400px; background: #9f998d;} /* transparence header */ /* Territoires */ #terroitoires #swf { margin-top: -4px; min-height: 400px; height: auto !important; height: 400px; } /* transparence header */ #episode {} #episode #swf { background: url('../images/episode_player_bckg.png') left top repeat; } #episode #swf #player #alternative { width: 900px; padding: 30px; min-height: 528px; height: auto !important; height: 528px; color: #fff; } #episode #swf #player #alternative * { color: #fff; } #episode #swf #player #alternative p { margin: 50px 150px 0 50px; padding: 15px; background: #666; border: 1px solid #999; } #episode #swf #player #alternative p img { margin: 15px 0; } #episode #t_section { background: #282924; padding-top: 40px; } #episode #t_section .left #content { min-height: 200px; } #episode #t_section .left #content .themes, #episode #t_section .left #content .tags { clear: both; padding: 10px 0 0 0; margin-bottom: 15px; border-top: 1px solid #20211d; min-height: 10px; height: auto !important; height: 15px; } #episode #t_section .left #content .tags { padding: 5px 0 25px 0; color: #fff; } #episode #t_section .left #content .themes h5, #episode #t_section .left #content .tags h5 { clear: both; float: none; color: #fff; font-size: 1.2em; font-weight: normal; font-style: normal; margin-bottom: 5px; } #episode #t_section .left #content .tags h5 em { display: none; } #episode #t_section .left #content .tags span { color: #fff; font-style: italic; text-decoration: underline; font-size: 0.85em; } #episode #t_section .left #content .txt_highlight { font-style: italic; } #episode #t_section .left #content .txt_highlight h6 { font-size: 1em; font-weight: normal; color: #fff; margin-bottom: 10px; } #episode #t_section .left #content .txt_highlight ul li { height: 35px; margin-bottom: 4px; background: url('../images/txt_evaluation_bckg.png') -150px top repeat-y; float: left; clear: left; padding-right: 15px; } #episode #t_section .left #content .txt_highlight ul li span { display: block; float: left; height: 100%; line-height: 35px; font-size: 1.2em; padding: 0 5px; } #episode #t_section .right .accordeon {} #episode #t_section .right .accordeon .c_snail .type { display: none; } #episode #t_section .left, #episode #b_section .left { width: 600px; } #episode #t_section .right, #episode #b_section .right { width: 365px; } #episode #b_section .right { width: 310px; margin-right: 40px; } #episode #b_section { background: #a0d36a url('../images/tmp/episode_bckg.gif') left top repeat-x; padding-bottom: 25px; } #episode #b_section .title h2 { height: 68px; font-weight: normal; line-height: 68px; position: relative; color: #b6d35f; font-style: italic; } #episode #b_section .title h2 em { color: #fff; font-size: 0.85em; padding-left: 10px; font-style: italic; } #episode #b_section .right .title h2 { background: url('../images/bulle_bckg.png') 100px 52px no-repeat; } #episode #b_section #reactions, #episode #b_section #forms { margin-top: 25px; } #episode #b_section .ui_tabs .tabs ul { background-image: url('../images/tabs/green_tab_bckg.gif'); } #episode #b_section .ui_tabs .tabs ul li span a { color: #000; } #episode #b_section .ui_tabs .tabs ul li.active { background: url('../images/tabs/green_left_bckg.gif') left bottom no-repeat; } #episode #b_section .ui_tabs .tabs ul li.active span { background: url('../images/tabs/green_right_bckg.gif') right bottom no-repeat; } #episode #b_section #ugc_formulaires { display: block; background: none; border: none; } #episode #b_section #ugc_formulaires form { float: none; clear: both; width: 100%; } #episode #b_section #ugc_formulaires form fieldset h3 { display: none; } #episode #b_section #ugc_formulaires form fieldset p.introduction { float: none; clear: both; } #episode #b_section #ugc_formulaires .loading { top: 245px; } #episode #b_section #ugc_formulaires form .geolocalisation p.highlight, #episode #b_section #ugc_formulaires form .geolocalisation p.introduction { margin-right: 20px; } #episode #b_section #ugc_formulaires form .geolocalisation {} #episode #b_section #ugc_formulaires form .geolocalisation .gmap_container .gmap_wrapper .top { background-image: url('../images/gmap_episode_bckg.gif'); } #episode #b_section #ugc_formulaires form .geolocalisation .gmap_container .gmap_wrapper .bottom { background-image: url('../images/gmap_episode_bckg.gif'); } #story { background: url('../images/home_bckg.gif') left 562px repeat-x; } #story #t_section { background: url('../images/tmp/index_bckg.jpg') center top repeat-x; } #story #t_section .container { background: url('../images/tmp/screen_bckg.png') center top repeat-x; min-height: 570px; height: auto !important; height: 570px; } #story #t_section .container #stories { position: relative; width: 990px; margin: 0 auto 25px auto; background: url('../images/shadow/stories.png') left top no-repeat; min-height: 289px; height: auto !important; height: 289px; } #story #t_section #stories .left { padding: 10px 0 0 0; width: 478px; } #story #t_section #stories .left #episodes { position: relative; background: #000; padding: 0; } #story #t_section #stories .left #episodes .tab { width: 472px; margin-left: 3px; } #story #t_section #stories .left #episodes .shadow { position: absolute; width: 100%; height: 100%; background: url('../images/shadow/episodes_shadow.png') left top repeat; top: 3px; left: 3px; z-index: 2; } #story #t_section #stories .left #episodes .tab li { float: right; width: 235px; height: 45px; background: url('../images/onglet_story_inactive.png') left top no-repeat; } #story #t_section #stories .left #episodes .tab li.first { float: left; } #story #t_section #stories .left #episodes .tab li.active { background-image: url('../images/onglet_story_active.png'); } #story #t_section #stories .left #episodes .tab li div { padding: 0 15px; line-height: 46px; font-size: 1.4em; font-style: italic; } #story #t_section #stories .left #episodes .tab li div a { display: block; color: #000; text-decoration: none; text-align: center; } #story #t_section #stories .left #episodes .tab li div a em { font-size: 0.7em; font-style: italic; position: relative; top: -3px; } #story #t_section #stories .left #episodes .e_window { clear: both; min-height: 50px; height: auto !important; height: 50px; position: relative; display: none; } #story #t_section #stories .left #episodes .e_window.active { display: block; } #story #t_section #stories .left #episodes .e_window .date { position: absolute; left: -58px; top: 200px; display: block; height: 58px; width: 58px; background: url('../images/edito/onglet_date.png') left top no-repeat; font-size: 0.85em; text-align: center; font-style: italic; } #story #t_section #stories .left #episodes .e_window .date em { display: block; font-size: 3em; line-height: 90%; font-style: italic; padding-left: 5px; padding-top: 1px; } .en #story #t_section #stories .left #episodes .e_window .date { font-size: 3em; line-height: 0.6em; padding-top: 4px; } .en #story #t_section #stories .left #episodes .e_window .date em { font-size: 0.25em; } #story #t_section #stories .left #episodes .e_window .e_window_wrapper { padding: 0 3px 3px 3px; position: relative; z-index: 100; min-height: 300px; height: auto !important; } #story #t_section #stories .left #episodes .e_window .e_window_wrapper .page { background: #e9e9e8; min-height: 300px; height: auto !important; height: 300px; } #story #t_section #stories .left #episodes .e_window #c_episode_btns { height: 45px; width: 100%; background: url('../images/episode_caroussel_bottom.png') left bottom no-repeat; position: absolute; bottom: -45px; left: 0; z-index: 1; } #story #t_section #stories .left #episodes .e_window #c_episode_btns .btns { width: 65px; float: right; margin-top: 7px; margin-right: 5px; } #story #t_section #stories .left #episodes .e_window #c_episode_btns .btns span { width: 27px; height: 28px; float: left; background: url('../images/accordeon/story_btns.gif') 1px 2px no-repeat; cursor: pointer; } #story #t_section #stories .left #episodes .e_window #c_episode_btns .btns span.first { background-position: -25px 2px; } #story #t_section #stories .left #episodes .e_window #c_episode_btns .btns span.disabled { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor: default; } #story #t_section #stories .left #episodes .e_window .e_snail { margin: 0 !important; padding: 0; background: #e9e9e8; } #story #t_section #stories .left #episodes .e_window .e_snail .media a { text-decoration: none; } #story #t_section #stories .left #episodes .e_window .e_snail .fright { padding-top: 15px; } #story #t_section #stories .left #episodes .e_window .e_snail .fright * { color: #000; } #story #t_section #stories .left #episodes .e_window .e_snail .fright p.highlight { float: right; height: 27px; font-size: 1.3em; padding: 0 0 0 8px; font-style: italic; background: url('../images/episode_detail_left.png') left top no-repeat; position: relative; top: -5px; } #story #t_section #stories .left #episodes .e_window .e_snail .fright p.highlight span { display: block; padding-right: 10px; height: 27px; background: url('../images/episode_detail_right.png') right top no-repeat; line-height: 24px; } #story #t_section #stories .left #episodes .e_window .e_snail .fright p.highlight span em { text-decoration: underline; font-size: 0.65em; } #story #t_section #stories .left #episodes .e_window .e_snail .fright p.highlight span abbr { font-size: 0.6em; } #story #t_section #stories .left #episodes .e_window .page { background: #e9e9e8; height: 454px; } #story #t_section #stories .left #episodes .e_window .caroussel_wrapper { height: 454px; overflow: hidden; position: relative; background: #e9e9e8; } #story #t_section #stories .left #episodes .e_window .caroussel_wrapper .caroussel_scroller { height: auto !important; position: absolute; } #story #t_section #stories .left #episodes .c_snail { min-height: 131px; height: auto !important; height: 131px; padding: 10px 10px; width: 452px; background: #f2f2f2; } #story #t_section #stories .left #episodes .c_snail.highlight { background: #e7e6e6; } #story #t_section #stories .left #episodes .c_snail .fleft .highlight { background-image: url('../images/shadow/episode_shadow.png'); } #story #t_section #stories .left #episodes .c_snail .fleft .media a { text-decoration: none; } #story #t_section #stories .left #episodes .c_snail .fright { width: 250px; background: none; } #story #t_section #stories .left #episodes .c_snail .fright * { color: #000; } #story #t_section #stories .left #episodes .c_snail .fright h3 { font-size: 1.3em; line-height: 90%; font-weight: normal; } #story #t_section #stories .left #episodes .c_snail .fright p { font-size: 0.8em; line-height: 115%; font-style: normal; padding-top: 6px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666; } #story #t_section #stories .left #episodes .c_snail .fright .information { font-size: 1em; width: 150px; float: left; margin: 0; } #story #t_section #stories .left #episodes .c_snail .fright p.important { padding: 0; font-size: 0.9em; /*font-style: italic;*/ font-weight: bold; } #story #t_section #stories .left #episodes .c_snail .fright p.important a { color: #666; } #story #t_section #stories .left #episodes .c_snail .fright .information div.important { font-size: 0.9em; padding-top: 0; background-position: 0 5px; margin-top: 1px; } #story #t_section #stories .left #episodes .c_snail .fright p.highlight { font-family: Georgia, "Times New Roman", Times, serif; float: left; height: 27px; font-size: 1.3em; padding: 0 0 0 8px; margin-top: 8px; font-style: italic; background: url('../images/episode_detail_left.png') left top no-repeat; } #story #t_section #stories .left #episodes .c_snail .fright p.highlight span { display: block; padding-right: 8px; height: 27px; background: url('../images/episode_detail_right.png') right top no-repeat; line-height: 24px; } #story #t_section #stories .left #episodes .c_snail .fright p.highlight span em { text-decoration: underline; font-size: 0.65em; } #story #t_section #stories .left #episodes .c_snail .fright p.highlight span abbr { font-size: 0.6em; } #story #t_section #stories .right { width: 468px; margin-right: 3px; padding: 10px 10px 0 0; } #story #t_section #stories .right .introduction { padding: 0 10px 20px 0; } #story #t_section #stories .right .introduction h1 { font-size: 1.65em; line-height: 122%; font-style: italic; font-weight: normal; } #story #t_section #stories .right .introduction p { padding: 10px 0; font-size: 0.9em; line-height: 135%; color: #fff; } #story #t_section #stories .right #caracters { position: relative; } #story #t_section #stories .right #caracters a { text-decoration: none; } #story #t_section #stories .right #caracters .accordeon { width: 458px; } #story #t_section #stories .right #caracters .accordeon h3 { color: #282827; } #story #t_section #stories .right #caracters .accordeon li.active h3 { color: #000; } #story #t_section #stories .right #caracters .accordeon h3 .btns span { background-image: url('../images/accordeon/story_btns_2.gif'); background-position: -52px top no-repeat; } #story #t_section #stories .right #caracters .accordeon h3 .btns span.last { background: url('../images/accordeon/story_btns_2.gif') -24px top no-repeat !important; } #story #t_section #stories .right #caracters .accordeon li.first h3 { background-image: url('../images/accordeon/first_perso_bckg.png'); } #story #t_section #stories .right #caracters .accordeon li.last h3 { background-image: url('../images/accordeon/last_perso_bckg.png'); } #story #t_section #stories .right #caracters .accordeon li.first.last h3 { background-image: url('../images/accordeon/first_perso_bckg.png'); } #story #t_section #stories .right #caracters .accordeon li.active h3 { background-position: -458px top; } #story #t_section #stories .right #caracters .accordeon li.prev h3 { background-position: -916px top; } #story #t_section #stories .right #caracters .accordeon li .acc_content { background-image: url('../images/accordeon/content_perso_bckg.png'); } #story #t_section #stories .right #caracters .accordeon li.last.active .acc_content { background-position: -458px bottom; } #story #t_section #stories .right #caracters .accordeon .acc_content .caroussel_wrapper { position: relative; min-height: 250px; overflow: hidden; height: 252px; position: relative; } #story #t_section #stories .right #caracters .accordeon .acc_content .caroussel_wrapper .caroussel_scroller { position: absolute; top: 0; left: 0; } #story #b_section { background: #282924 url('../images/stories_bckg.gif') left 25px repeat-x; } #story #b_section #statistics { margin: 0 0 20px 0; } #story #b_section #statistics .title { min-height: 70px; height: auto !important; height: 70px; background: url('../images/bulle_bckg.png') 75px 54px no-repeat; } #story #b_section #statistics .title h2 { color: #a0d36a; line-height: 140%; font-style: italic; font-weight: normal; padding-top: 20px; } #story #b_section #statistics .content { min-height: 367px; height: auto !important; height: 367px; text-align: center; } #story #b_section #statistics .content * { margin: 0 auto; } #story #b_section .right #share_box { min-height: 300px; height: auto !important; height: 300px; } #story #b_section .right #share_box .accordeon { float: none; clear: both; padding: 15px 0; } /* hub stories */ #story #hub_section_t_head { height: 51px; background: url('../images/stories_hub_t_bckg.png') left top repeat-x; } #story #hub_section_t { min-height: 600px; height: auto !important; height: 600px; background-color: #282924; } #story #hub_section_t #stories { position: relative; width: 1000px; margin: 0 auto 0 auto; min-height: 289px; height: auto !important; height: 289px; padding-bottom: 30px; } #story #hub_section_t #stories .txt_head { position: absolute; width: 300px; height: 51px; top: -51px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 25px; font-weight: bold; } #story #hub_section_t #stories .txt_head * { float: left; line-height: 50px; } #story #hub_section_t #stories .txt_head .num { padding-right: 5px; } #story #stories #stories_content { background: #1c1d18; position: relative; margin-top: 10px; padding: 15px 0; } #story #stories #stories_content ul.stories_list { color: #7c7c7c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; height: 220px; padding: 15px 10px 10px 10px; border-bottom: 1px solid #61615e; } #story #stories #stories_content ul.stories_list li { width: 326px; float: left; } #story #stories #stories_content ul.stories_list li a { text-decoration: none; color: #7c7c7c; } #story #stories #stories_content ul.stories_list li .inner { width: 304px; position: relative; margin: 0 auto; } #story #stories #stories_content ul.stories_list li .inner h5, #story #stories #stories_content ul.stories_list li .inner h5 a { font-size: 14px; text-decoration: none; color: #fff; font-weight: bold; } #story #stories #stories_content ul.stories_list li .inner h5 span { font-size: 11px; font-weight: normal; color: #7c7c7c; padding-left: 15px; background: url('../images/episode_sep.gif') 8px top no-repeat; } #story #stories #stories_content ul.stories_list li .inner .media { display: block; position: relative; z-index: 10; } #story #stories #stories_content ul.stories_list li .inner .media a { position: relative; } #story #stories #stories_content ul.stories_list li .inner .details { display: none; position: absolute; bottom: 0; left: 0; z-index: 50; width: 100%; } #story #stories #stories_content ul.stories_list li .inner .details h5 { float: left; background: #151513; clear: left; padding: 5px 10px 2px 10px; } #story #stories #stories_content ul.stories_list li .inner .details div { background: #151513; clear: both; float: none; padding: 4px 10px 2px 10px; } #story #stories #stories_content ul.stories_list li .inner .details div a { color: #7c7c7c; } #story #stories #stories_content ul.stories_list li .inner .details div p { padding: 8px 0 10px 0; } #story #stories #stories_content ul.stories_list li .inner .details div p a img { display: inline; } #story #stories #stories_content ul.stories_list li .inner .details div span a { position: relative; top: -3px; } #story #stories #stories_content ul.stories_list li .inner .text { padding-top: 5px; } #story #stories #stories_content ul.stories_list li .inner .text h5 {} #story #stories #stories_content ul.stories_list li .inner .text span { position: relative; top: 1px; } #story #stories .pager.last { position: absolute; right: 0; bottom: -32px; } #story #hub_section_b { height: 50px;/*background: #282924 url('../images/stories_hub_bckg.jpg') center top no-repeat;*/ } #story #hub_caroussel { height: 435px; border-bottom: 1px solid #151513; position: relative; } #story #hub_caroussel .wrapper { position: absolute; top: 20px; height: 90%; width: 100%; overflow: hidden; } #story #hub_caroussel .pager { font-size: 11px; font-weight: bold; color: #fff; position: absolute; right: 2px; bottom: 5px; } #story #hub_caroussel .pager span { font-size: 12px; padding: 0 2px; position: relative; top: 1px; } #story #hub_caroussel .wrapper .btn { width: 195px; height: 100%; position: absolute; z-index: 50; } #story #hub_caroussel .wrapper .btn a { display: block; position: absolute; top: 120px; height: 145px; width: 145px; overflow: hidden; text-indent: -5000px; } #story #hub_caroussel .wrapper .next { right: 0; top: 0; background: url('../images/next_hub_car.png') right top repeat-y; } #story #hub_caroussel .wrapper .next a { right: 25px; background: url('../images/next_hub_car_btn.png') center center no-repeat; } #story #hub_caroussel .wrapper .prev { left: 0; top: 0; background: url('../images/prev_hub_car.png') left top repeat-y; } #story #hub_caroussel .wrapper .prev a { left: 25px; background: url('../images/prev_hub_car_btn.png') center center no-repeat; } #story #hub_caroussel .wrapper .btn .disabled { -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } #story #hub_caroussel .wrapper .container { position: relative; z-index: 5; height: 100%; width: 610px; margin: 0 auto; } #story #hub_caroussel .wrapper .container .viewer { position: absolute; height: 100%; } #story #hub_caroussel .wrapper .container .viewer .item { width: 610px; float: left; height: 415px; text-align: left; } #story #hub_caroussel .wrapper .container .viewer .item .item_container { margin: 20px; position: relative; color: #7c7c7c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } #story #hub_caroussel .wrapper .container .viewer .item .item_container a { text-decoration: none; color: #fff; } #story #hub_caroussel .wrapper .container .viewer .item .item_container a.media { display: block; width: 570px; height: 324px; overflow: hidden; } #story #hub_caroussel .wrapper .container .viewer .item .details { display: none; width: 100%; position: absolute; bottom: -40px; left: 0; } #story #hub_caroussel .wrapper .container .viewer .item .details h5 { font-size: 14px; text-decoration: none; color: #fff; font-weight: bold; float: left; background: #151513; clear: left; padding: 5px 10px 2px 10px; } #story #hub_caroussel .wrapper .container .viewer .item .details h5 span { font-size: 11px; font-weight: normal; color: #7c7c7c; padding-left: 15px; background: url('../images/episode_sep.gif') 8px top no-repeat; } #story #hub_caroussel .wrapper .container .viewer .item .details div { background: #151513; clear: both; float: none; padding: 4px 10px 2px 10px; } #story #hub_caroussel .wrapper .container .viewer .item .details div a { color: #7c7c7c; } #story #hub_caroussel .wrapper .container .viewer .item .details div p { padding: 8px 0 10px 0; color: #fff; } #story #hub_caroussel .wrapper .container .viewer .item .details div p a img { display: inline; } #story #hub_caroussel .wrapper .container .viewer .item .details div span a { position: relative; top: -3px; } #story #hub_caroussel .wrapper .container #bluff { z-index: 100; width: 1830px; left: -610px; } #story #hub_caroussel .wrapper .container #scroll { z-index: 10; width: 3660px; left: -1220px; } /* recherche */ #recherche { background: url('../images/tmp/search_bckg.png') left top repeat-x; } #recherche #t_section { background: url('../images/tmp/screen_search_bckg.png') left top repeat-x; padding-bottom: 10px; } #recherche #t_section #filters { min-height: 70px; height: auto !important; height: 70px; padding-top: 20px; margin-bottom: 10px; position: relative; z-index: 50; } #recherche #t_section #filters form { height: 55px; width: 95%; margin: 0 auto; } #recherche #t_section #filters form fieldset { width: 250px; float: left; padding-top: 10px; min-height: 30px; height: auto !important; height: 30px; } #recherche #t_section #filters form fieldset .input { float: right; } #recherche #t_section #filters form fieldset .input input { width: 215px; } #recherche #t_section #filters form fieldset.last { width: 150px; } #recherche #t_section #filters form fieldset .submit { margin: 3px 0 0 20px; } #recherche #t_section .left { margin-left: 25px; margin-right: 98px; float: left; width: auto; overflow: hidden; position: relative; } #recherche #t_section .left * { margin-top: 15px; } #recherche #t_section .left span { display: block; float: left; font-size: 6em; width: auto; } #recherche #t_section .left em { display: block; float: left; font-size: 1.4em; line-height: 10px; padding: 0 0 20px 10px; margin-top: 70px; width: 135px; min-height: 60px; height: auto !important; height: 60px; background: url('../images/search_nb_bckg.png') 10px 40px no-repeat; } #recherche #t_section .left em span { font-size: 1em; height: 7px; position: relative; top: -23px; display: block; } #recherche #t_section .right { float: left; width: 555px; position: relative; } #recherche #t_section .right ul {} #recherche #t_section .right ul a { color: #000; text-decoration: none; } #recherche #t_section .right ul li { position: relative; height: 35px; margin-bottom: 3px; background: url('../images/search_reaction_bckg.gif') left top repeat; line-height: 35px; } #recherche #t_section .right ul li.first { background: #d36b5f; background: url('../images/search_video_bckg.gif') left top repeat; } #recherche #t_section .right ul li.second { background: #f3e499; background: url('../images/search_photo_bckg.gif') left top repeat; } #recherche #t_section .right ul li.last { background: #aaaaa7; background: url('../images/search_article_bckg.gif') left top repeat; } #recherche #t_section .right ul li span { display: block; height: 35px; width: 200px; background: #b6d35f; font-size: 1.2em; } #recherche #t_section .right ul li * { font-style: italic; } #recherche #t_section .right ul li span em { display: block; height: 100%; padding-left: 10px; float: left; margin-right: 5px; background: url('../images/search_item_bckg.png') left top repeat-x; } #recherche #t_section .right ul li.first span { background: #d36b5f; } #recherche #t_section .right ul li.second span{ background: #f3e499; } #recherche #t_section .right ul li.last span { background: #aaaaa7; } #recherche #t_section .right ul li span.shadow { position: absolute; height: 150px; width: 100px; left: -99px; top: -77px; background: none; background: url('../images/search_shadow_3.png') right top no-repeat; } #recherche #t_section .right ul li.first span.shadow { top: 0; background: url('../images/search_shadow_1.png') right top no-repeat; } #recherche #t_section .right ul li.second span.shadow { top: -38px; background: url('../images/search_shadow_2.png') right top no-repeat; } #recherche #t_section .right ul li.last span.shadow { top: -114px; background: url('../images/search_shadow_4.png') right top no-repeat; } #recherche #b_section { background: #282924; } #recherche #b_section .wrapper { padding: 25px 0; } #recherche #b_section .wrapper #results { width: 965px; color: #fff; margin: 0 auto; } #recherche #b_section .wrapper #results #filters_information { font-size: #fff; padding: 10px 0 30px 0; } #recherche #b_section .wrapper #results #filters_information p { float: left; margin: 0 0 100px 110px; } #recherche #b_section .wrapper #results #filters_information p.important { float: none; clear: both; text-align: center; margin: 10px 0; } #recherche #b_section .wrapper #results #filters_information p em { font-weight: bold; padding: 0 20px 0 5px; } #recherche #b_section .wrapper #results #filters_information .btn { float: left; } /* Static */ #static {} #static #b_section { padding-top: 90px; background: url('../images/static_header_texture.png') left -20px repeat-x; } #static #b_section .container { background: #282924; padding-top: 0; } #static #b_section .container .wrapper { background: #282924 /*url('../images/map_static.gif') center 50px no-repeat*/; color: #fff; min-height: 250px; height: auto !important; height: 250px; } #static #b_section .container .wrapper .title { width: 55%; margin: 0; position: relative; top: -16px; min-height: 32px; height: auto !important; height: 32px; } #static #b_section .container .wrapper .title h1 { float: left; height: 32px; padding-left: 18px; line-height: 32px; font-weight: normal; background: url('../images/static_title_left.png') left top no-repeat; } #static #b_section .container .wrapper .title h1 span { display: block; float: left; padding-right: 18px; height: 32px; font-size: 0.65em; font-style: italic; color: #312e1f; background: url('../images/static_title_right.png') right top no-repeat; } #static #b_section .container .wrapper .title a { float: left; background: url('../images/icons/map_icon_yellow.png') left top no-repeat; margin-left: 150px; width: 55px; height: 30px; overflow: hidden; text-decoration: none; text-indent: -500px; } #static #b_section .container .wrapper .free_content { clear: both; float: none; padding-bottom: 30px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; } #static #b_section .container .wrapper .free_content * { font-size: 12px; line-height: 135%; } #static #b_section .container .wrapper .free_content h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #f3e499; font-weight: normal; font-size: 1.4em; font-style: italic; } #static #b_section .container .wrapper .free_content h3 { padding: 20px 0px 10px 0px; font-family: Georgia, "Times New Roman", Times, serif; color: #f3e499; font-weight: normal; font-size: 1.4em; font-style: italic; } #static #b_section .container .wrapper .free_content p.team_sep { padding: 12px 0px 6px 0px; } #static #b_section .container .wrapper .free_content b i, #static #b_section .container .wrapper .free_content i b { color: #f3e499; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 14px;} #static #b_section .container .wrapper .free_content .team_member { /*position: relative; height: 16px; width: 350px; */ } #static #b_section .container .wrapper .free_content .team_member a { /*position: relative; */color: #FFFFFF; text-decoration: none; } #static #b_section .container .wrapper .free_content .team_member a span { } #static #b_section .container .wrapper .free_content .team_member .tooltip { width: 610px; min-height: 205px; padding: 14px; position: absolute; top: -10px; z-index: 500; display: none; } #static #b_section .container .wrapper .free_content .team_member .tooltip p img { float: left; margin: 3px 12px 0px 0px; } #static #b_section .container .wrapper .free_content .team_member .tooltip p { padding: 14px; min-height: 120px; margin-top: -3px; } #static #b_section .container .wrapper .free_content .team_member .tooltip p span { padding: 0px; } #static #b_section .container .wrapper .free_content b span i, #static #b_section .container .wrapper .free_content b i span, #static #b_section .container .wrapper .free_content span i b, #static #b_section .container .wrapper .free_content span b i, #static #b_section .container .wrapper .free_content i b span, #static #b_section .container .wrapper .free_content i span b { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 125%; font-weight: normal; } #static #b_section .container .wrapper .free_content .img_right { display: block; margin: 0 3px 0 15px; } #static #b_section .container .wrapper .free_content .img_left { display: block; margin: 0 15px 0 3px; } #static #b_section .container .wrapper .free_content .img_none { display: block; float: none; clear: both; width: 571px; height: 324px; margin: 5px 0 10px 0; } #static #b_section .container .wrapper .free_content table { color: #fff; font-size: 16px; } #static #b_section .container .wrapper .free_content table tr td { width: 49%; height: auto !important; vertical-align: top; } #static #b_section .container .wrapper .free_content table tr td.left { width: 521px; padding-right: 15px; } #static #b_section .container .wrapper .free_content table tr td.right { width: 420px; padding-left: 30px; } #static #b_section .container .wrapper .free_content a { color: #f3e499; } #static #b_section .container .wrapper .free_content a:hover { text-decoration: none; } #static #b_section .container .wrapper .free_content #static_excerpt { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #949492; } #static #b_section .container .wrapper .free_content ul, #static #b_section .container .wrapper .free_content ol { padding: 5px 10px 5px 10px; } #static #b_section .container .wrapper .free_content ul li { line-height: 145%; padding-left: 15px; background: url('../images/puce_dot.png') 3px 4px no-repeat; } #static #b_section .container .wrapper .free_content ol { } #static #b_section .container .wrapper .free_content ol li { line-height: 145%; padding-left: 2px; list-style: inside decimal; } #static #b_section .container .wrapper .free_content.team { padding: 10px 150px 20px 15px; } #static #b_section .container .wrapper .free_content.team b i span { color: #f3e499; text-decoration: none !important; font-size: 1.2em; } #static #b_section .container .wrapper .free_content.faq { padding: 10px 50px 50px 15px; } #static #b_section .container .wrapper .free_content.faq #static_excerpt { line-height: 145%; padding-bottom: 25px; } #static #b_section .container .wrapper .free_content.faq i b a, #static #b_section .container .wrapper .free_content.faq a b i { font-size: 1.2em; } #static #b_section .container .wrapper .free_content.faq a[name] { font-size: 13px; } #static #b_section .container .wrapper .free_content.faq a b i { font-size: 17px; } /* Sitemap */ #site_map {} #site_map .fleft, #site_map .fright { width: 30%; padding-left: 3%; } #static #b_section .container .wrapper #site_map h2 { font-size: 1.6em; text-decoration: underline; } #static #b_section .container .wrapper #site_map h2 a { font-size: 1.0em; text-decoration: underline; } #static #b_section .container .wrapper #site_map .list { padding-bottom: 10px; } #static #b_section .container .wrapper #site_map .list ul { list-style: none; padding: 0; } #static #b_section .container .wrapper #site_map .list ul li { font-size: 1em; list-style: none; padding: 0 0 0 18px; } #static #b_section .container .wrapper #site_map .list ul li * { font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; } #static #b_section .container .wrapper #site_map .list ul li a { color: #fff; text-decoration: none; } #static #b_section .container .wrapper #site_map .list ul li a:hover { text-decoration: underline; } #static #b_section .container .wrapper #site_map .list ul li p { font-size: 0.9em; padding-left: 5px; font-style: italic; } #static #b_section .container .wrapper #site_map .list ul li p.last { padding-bottom: 15px; } #static #b_section .container .wrapper #site_map .list ul li p a { color: #f3e499; } /* Error 404 */ #static #b_section .container .wrapper #error_404 .content { padding: 20px; } #static #b_section .container .wrapper #error_404 .content p { font-size: 1.5em; padding-bottom: 20px; } #static #b_section .container .wrapper #error_404 .content p a { font-size: 1em; } #static #b_section .container .wrapper #error_404 .content p a.important { position: relative; top: 30px; } /* Infolettre */ #info_lettre_content { padding: 0 0 0 15px; } .membershipform .formulaire { padding: 25px 10px 0 0; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; } .membershipform .formulaire .formulaireErrorMessage { color: #cd2b2b; margin-top: -5px; padding: 0 0 15px 228px; } .membershipform .formulaire * { font-size: 14px !important; } .membershipform .formulaire .formulaireErrorMessage {} .membershipform .formulaire form { min-height: 150px; height: auto !important; height: 150px; } .membershipform .formulaire form .topformnav { padding: 0 0 25px 230px; } .membershipform .formulaire form .topformnav a { color: #f3e499; } .membershipform .formulaire form .item { min-height: 29px; height: auto !important; height: 29px; } .membershipform .formulaire form .item div { float: left; width: 210px; padding-right: 20px; text-align: right; } .membershipform .formulaire form .item div font { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; font-size: 8px; padding: 0 2px; } .membershipform .formulaire form .item input { width: 200px; background: #f3f4ef; color: #757575; font-style: italic; font-size: 11px !important; height: 16px; padding: 3px 0 1px 0; } .membershipform .formulaire form .item select#formulaireOtherQuestionsInputSelect { width: 203px; background: #f3f4ef; color: #757575; font-style: italic; font-size: 9px !important; } .membershipform .formulaire form .item select#formulaireOtherQuestionsInputSelect * { font-size: 11px !important; height: 18px; } .membershipform .formulaire form #formulaireSubmit { position: relative; left: 230px; padding: 2px 5px; background: #f3e499; } #TB_window { display: none; } #TB_window.pibBox { z-index: 15000; } #TB_window.pibBox #TB_closeAjaxWindow, #TB_window.pibBox #TB_closeWindow, #TB_window.pibBox #TB_title { display: none !important; } #TB_window.pibBox { border: 30px solid #000; border-right: 0; background: #000; } #TB_window.pibBox #TB_ajaxContent { padding: 0; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; } #TB_window.pibBox .btn { position: absolute; right: -29px; top: -15px; width: 30px; height: 67px; padding: 0; background: url('../images/pib_box_close.png') left top no-repeat; } #TB_window.pibBox .btn span { background: none; padding: 0; width: 30px; height: 30px; margin-top: 12px; } #TB_window.pibBox .btn a { color: #000; display: block; background: transparent; width: 30px; height: 30px; overflow: hidden; text-indent: -500px; } #TB_window.pibBox .title { width: 55%; margin: 0; position: absolute; top: -44px; min-height: 32px; height: auto !important; height: 32px; } #TB_window.pibBox .title h2 { float: left; height: 32px; padding-left: 18px; line-height: 28px; font-weight: normal; background: url('../images/static_title_left.png') left top no-repeat; } #TB_window.pibBox .title h2 span { display: block; float: left; padding-right: 20px; height: 32px; font-size: 0.9em; font-style: italic; color: #312e1f; background: url('../images/static_title_right.png') right top no-repeat; } #TB_window.pibBox #TB_ajaxContent { min-height: 250px; height: auto !important; height: 250px; max-height: 560px; } #TB_window.pibBox .box_content { padding: 0; } #TB_window.pibBox .box_content .media { margin-bottom: 15px; min-height: 260px; height: auto !important; height: 260px; } #TB_window.pibBox .box_content .media * { outline-color: invert; outline-style: none; outline-width: 0px; outline: none; } #TB_window.pibBox .box_content h3 { font-weight: normal; line-height: 115%; font-size: 1.3em; font-style: italic; margin-bottom: 0; } #TB_window.pibBox .box_content a { color: #fff; } #TB_window.pibBox .box_content a:hover { text-decoration: none; } #TB_window.pibBox .box_content .body { margin-top: 5px; min-height: 50px; height: auto !important; height: 50px; max-height: 125px; padding-right: 5px; overflow: auto; } #TB_window.pibBox .box_content p * { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 100%; } #TB_window.pibBox .box_content p span { /*font-style: italic; */ padding-top: 5px; font-weight: bold; } #TB_window.pibBox .box_content p span.last { display: block; } #TB_window.pibBox .box_content p span.last a { font-size: 0.9em; } #TB_window.pibBox .box_content .tags { padding-top: 10px; } #TB_window.pibBox .box_content .tags h5 { font-size: 1.2em; font-weight: normal; } /* Footer */ #footer { color: #f6f8f3; background: #1c1d18; clear: both; float: none; } #footer .wrapper { min-height: 90px; height: auto !important; height: 90px; text-align: center;} #footer .wrapper a { color: #f4f4ef; text-decoration: none; } #footer .wrapper a:hover { text-decoration: underline; } #footer .wrapper ul { padding: 25px 0 10px 0; font-size: 0.85em; font-style: italic; } #footer .wrapper ul li { display: inline; padding: 0 11px 0 15px; background: url('../images/footer_sep.gif') left center no-repeat; } #footer .wrapper ul li.first { padding-left: 0; } #footer .wrapper ul li.active a { text-decoration: underline; } #footer .wrapper ul li.first { background: none; } #footer .wrapper p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #888884; }