/* Dialogs */ .diablog { position: absolute; top: 50px; width: 480px; background: white; color: #1F1F1F; font-size: 1.2em; border: 2px solid gray; overflow: hidden; -moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.6); } .diablog .title { font-size: 1.2em; height: 1.2em; padding: 0.3em; font-weight: bold; } .diablog .content { padding: 10px; } .diablog .buttons { background: #F7F7F7; border-top: 1px solid #E5E5E5; text-align: right; padding: 8px; clear: both; } .diablog .wait { width: 100%; height: 50px; background: url('../img/wait-white.gif') no-repeat center center; } .diablog .fullmessage { position: absolute; top: 0; left: 0; right: 0; background: white no-repeat top right; text-align: center; font-size: 1.5em; padding: 2em 0; } .diablog .fullmessage.close { background-image: url('../img/new/base/body/closebox.png'); } * html .diablog .fullmessage { width: 100%; } .diablog .diablog_ok { color: green; } .diablog .diablog_error { color: red; } /* Diablogs avec des tabs */ .diablog.withTabs .title { background: #E5E5E5; } .diablog .content { padding-bottom: 0; } .diablog .content .tabsLikeTinyContent { margin: -10px -10px 0 -10px; } .diablog .content .tabsLikeTiny { background: #E5E5E5; } .diablog .content .tabsLikeTiny li { line-height: 24px; } .diablog .content .panel_wrapper { border-left: 0 ! important; border-right: 0 ! important; border-bottom: 0 ! important; margin-bottom: 0; } .diablog.withTabs .panel_wrapper .pagination .ctn_searchresults_nav_mid { width: 615px; } 
/* Boutons */ /* Nouveaux boutons sans JS */ .ob-button { display: -moz-inline-box; display: inline-block; background: no-repeat; margin: .25em .25em; padding: 0 0 0 8px; cursor: pointer; vertical-align: middle; font-size: 10px; } .ob-button:hover, .ob-button.hover { background-position: 0 -27px; } .ob-button:active, .ob-button.active { background-position: 0 -54px; } .ob-button.thin, .ob-button.thin { background-position: 0 -81px; } .ob-button.thin:hover, .ob-button.thin.hover { background-position: 0 -97px; } .ob-button.thin:active, .ob-button.thin.active { background-position: 0 -113px; } .ob-button .first-child { display: block; *display: inline-block; *position: relative; background:transparent repeat-x right 0; } .ob-button:hover .first-child, .ob-button.hover .first-child { background-position: right -27px; } .ob-button:active .first-child, .ob-button.active .first-child { background-position: right -54px; } .ob-button.thin .first-child, .ob-button.thin .first-child { background-position: right -81px; } .ob-button.thin:hover .first-child, .ob-button.thin.hover .first-child { background-position: right -97px; } .ob-button.thin:active .first-child, .ob-button.thin.active .first-child { background-position: right -113px; } .ob-button input, .ob-button button, .ob-button a, .ob-button a:hover { display: block; *display: inline-block; padding: 0 3px; border: none; line-height: 27px; height: 27px; *line-height: 27px; font-size: 1.2em; background-color: transparent ! important; background-image: none; color: black; margin: 0 8px 0 0 ! important; cursor: pointer; width: auto; border: none; } .ob-button.thin input, .ob-button.thin button, .ob-button.thin a, .ob-button.thin a:hover { line-height: 16px; height: 16px; *line-height: 16px; } .ob-button { background-image: url('../img/albums/common/buttons_l.png'); } .ob-button.orange { background-image: url('../img/new/base/body/ob-button-sprite-l.png'); background-position: 0 -81px; } .ob-button.orange:hover, .ob-button.orange.hover { background-position: 0 -108px; } .ob-button.orange:active, .ob-button.orange.active { background-position: 0 -135px; } .ob-button .first-child { background-image: url('../img/albums/common/buttons_r.png'); } .ob-button.orange .first-child { background-image: url('../img/new/base/body/ob-button-sprite-r.png'); background-position: right -81px; } .ob-button.orange:hover .first-child, .ob-button.orange.hover .first-child { background-position: right -108px; } .ob-button.orange:active .first-child, .ob-button.orange.active .first-child { background-position: right -135px; } .ob-button input, .ob-button button, .ob-button a, .ob-button a:hover { color: white ! important; } .ob-button.orange input, .ob-button.orange button, .ob-button.orange a, .ob-button.orange a:hover { color: black ! important; }
  .ob_form { background: white; } .ob_form fieldset { border: none; clear: both; padding: 10px; } .ob_form fieldset legend { font-size: 16px; color: gray; font-weight: bold; } .ob_form ul { overflow: hidden; padding: 0; margin: 0; } .ob_form ul li { width: auto; clear: both; list-style: none; margin: 3px 0; padding-bottom: 5px; } .ob_form fieldset.buttons { text-align: right; float: none; clear: both; background: #F7F7F7; border-top: 1px solid #E5E5E5; margin-bottom: 10px; } .ob_form fieldset.buttons ul { min-width: 0; } .ob_form fieldset.buttons ul li { padding: 0; margin: 0; } .ob_form fieldset.left { text-align: left; } .ob_form fieldset.buttons ul li { border: none; float: none; } .ob_form ul li ul { margin: 0; padding: 0; } .ob_form ul li label { display: block; width: 35%; float: left; line-height: 20px; padding: 0; padding-right: 10px; color: #343434; font-size: 11px; } .ob_form ul li label.small { width: auto; } .ob_form li label.important { color: red; } .ob_form ul li label.full { display: inline; float: none; } .ob_form ul .captcha label { width:auto!important; float: left; } .ob_form ul .captcha label img { vertical-align:bottom; } .ob_form ul .captcha input { width:auto!important; font-size:1.5em; vertical-align: top; } .ob_form ul .captcha .yui-button input { width:auto!important; font-size:1em; } .ob_form ul li input, .ob_form ul li select, .ob_form ul li textarea { height: auto; width: 250px; vertical-align: middle; font-size: 12px; color: black; border-bottom-color: #DFDFDF; background: white; padding: 0; margin: 0; } .ob_form ul li input[type=checkbox] { width: 12px; } .ob_form .auto { width:auto; } .ob_form ul li textarea { height: 6em; } .checkbox, .radio { width: auto ! important; height: auto ! important; float: none ! important; border: none ! important; line-height:1em; vertical-align:middle; } .ob_form ul li.underInput { margin-left: 36%; border: none; } .ob_form .buttons { float: right; } .ob_form .buttons input { width: auto; } .ob_form .buttons ul li { float: right; clear: none; } .ob_form .deactivated { color: gray; border-color: gray; cursor: not-allowed; } .ob_form img { vertical-align: -0.4em; } .ob_form .inline { float: none; width: auto; display: inline; } .ob_form input.inline, .ob_form select.inline, .ob_form textarea.inline { margin: 0 3px 0 0; line-height: 100%; } /* Debug select disparus sous IE6 */ * html .ob_form select { visibility: visible ! important; } .ob_form .error { border: 1px solid red; font-weight: normal; text-align: left; /*padding: 0; margin: 0;*/ display: inline; } .ob_form .errors, .ob_error_field { border: 1px solid red; color: red; }     .ob_form_pretty { background: white; } .ob_form_pretty fieldset { border: none; clear: both; padding: 10px; } .ob_form_pretty fieldset legend { font-size: 16px; font-family: Georgia, serif; font-style: italic; margin: 10px 0; color: #2B637B; font-weight: bold; } .ob_form_pretty ul { overflow: hidden; padding: 0; margin: 0; } .ob_form_pretty ul li { width: auto; clear: both; list-style: none; margin: 3px 0; padding-bottom: 5px; } .ob_form_pretty fieldset.buttons { text-align: right; float: none; clear: both; background: #F7F7F7; border-top: 1px solid #E5E5E5; margin-bottom: 10px; } .ob_form_pretty fieldset.buttons ul { min-width: 0; } .ob_form_pretty fieldset.buttons ul li { padding: 0; margin: 0; } .ob_form_pretty fieldset.left { text-align: left; } .ob_form_pretty fieldset.buttons ul li { border: none; float: none; } .ob_form_pretty ul li ul { margin: 0; padding: 0; } .ob_form_pretty ul li label { display: block; width: 200px; float: left; line-height: 20px; padding: 0; padding-right: 10px; color: #666; font-size: 12px; } .ob_form_pretty ul li label.small { width: auto; } .ob_form_pretty li label.important { color: red; } .ob_form_pretty ul li label.full { display: inline; float: none; } .ob_form_pretty ul .captcha label { width:auto!important; float: left; } .ob_form_pretty ul .captcha label img { vertical-align:bottom; } .ob_form_pretty ul .captcha input { width:auto!important; font-size:1.5em; vertical-align: top; } .ob_form_pretty ul .captcha .yui-button input { width:auto!important; font-size:1em; } .ob_form_pretty ul li input, .ob_form_pretty ul li select, .ob_form_pretty ul li textarea { height: auto; width: 400px; vertical-align: middle; font-size: 14px; color: black; border: 1px solid #888; background: #fff url('../img/new/admin/body/input_bg.png') repeat-x left 1px; margin: 0; } .ob_form_pretty ul li input[type=checkbox] { width: 12px; } .ob_form_pretty .auto { width:auto; } .ob_form_pretty ul li textarea { height: 6em; } .checkbox, .radio { width: auto ! important; height: auto ! important; float: none ! important; border: none ! important; line-height:1em; vertical-align:middle; } .ob_form_pretty ul li.underInput { margin-left: 36%; border: none; } .ob_form_pretty .buttons { float: right; } .ob_form_pretty .buttons input { width: auto; background: transparent; } .ob_form_pretty .buttons ul li { float: right; clear: none; } .ob_form_pretty .deactivated { color: gray; border-color: gray; cursor: not-allowed; } .ob_form_pretty img { vertical-align: -0.4em; } .ob_form_pretty .inline { float: none; width: auto; display: inline; } .ob_form_pretty input.inline, .ob_form_pretty select.inline, .ob_form_pretty textarea.inline { margin: 0 3px 0 0; line-height: 100%; } .ob_form_pretty.light .fields input, .ob_form_pretty.light .fields select, .ob_form_pretty.light .fields textarea { margin-right: 0.25em; float: right; } .ob_form_pretty.light fieldset { padding: 0; background: #fff; border: 0; } .ob_form_pretty.light fieldset li { clear: both; padding-top: 5px; } /* Debug select disparus sous IE6 */ * html .ob_form_pretty select { visibility: visible ! important; } .ob_form_pretty .error { border: 1px solid red; font-weight: normal; text-align: left; /*padding: 0; margin: 0;*/ display: inline; } .ob_form_pretty .errors { border: 1px solid red; color: red; } /* @end pretty */ /* help class */ div.help { background:url("../img/new/admin/body/form_icon_i.gif") no-repeat scroll 0 0 white; color:#3A7AFE; display:block; float:right; font-size:10px; margin:0 0 0 10px; padding-left:20px; vertical-align:top; width:155px; } /* @end help class */ 
  table.ob_table { border: 1px solid #DDDEDD; border-collapse: collapse; color: #727272; font-size: 0.9em; } table.ob_table thead, table.ob_table tfoot { background: #727272; position: relative; } table.ob_table thead th, table.ob_table tfoot td { position: relative; font-weight: normal; color: white; padding: 5px; font-size: 0.9em; text-align: left; } table.ob_table thead th .sorting { position: absolute; top: -7px; right: 4px; vertical-align: top; width: 9px; padding-top: 2px; } * html table.ob_table thead th .sorting { top: -11px; } table.ob_table thead th .sorting a { display: block; height: 5px; margin-top: 4px; padding: 0; font-size: 5px; } table.ob_table thead th.selected { background: #535353; } table.ob_table thead th .relative { padding-right: 18px; } table.ob_table tbody { background: white; } table.ob_table tbody tr { border-bottom: 1px solid #D6D7D6; } table.ob_table tbody tr.alt { background: #EDF4FF; } table.ob_table tbody tr.over { background: #B5D1FF; } table.ob_table tbody td { padding: 5px; vertical-align: middle; } table.ob_table tbody td a { font-weight: bold; } table.ob_table th.center, table.ob_table td.center { text-align: center; } table.ob_table th.right, table.ob_table td.right { text-align: right; } table.ob_table .big { font-weight: bold; font-size: larger; } table.ob_table td.nowrap { white-space: nowrap; }   
  .notification { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid; padding: 5px 5px 5px 45px; margin: 5px auto 15px; position: relative; color: #fff; } .notification * { color: #fff !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; } .notification ul li { list-style-type: square; margin-left: 2em !important; } .notification a { color: #fff; text-decoration: underline; } .notification .close { position: absolute; top: 5px; right: 5px !important; left: auto !important; left: 850px; padding: 1px; width: 11px !important; height: 11px !important; width: auto; height: auto; border: 1px solid #fff !important; border: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; borer-radius: 2px; } .notification .close a { display: block !important; display: inline; width: 11px !important; width: auto; height: 11px !important; height: 11px; background: transparent url('../img/new/base/body/notification_close.png') no-repeat 2px 2px !important; background: transparent none; text-decoration: none !important; text-decoration: underline; } .notification .close a span { display: none !important; display: inline; } .notification h4 { font-weight: bolder; } .notification_error { border: 1px solid #8B3939; background: #9F4241 url('../img/new/base/body/notification_error.jpg') no-repeat 5px 5px; min-height: 32px; } .notification_warning { border: 1px solid #AF5C25; background: #CC6D2B url('../img/new/base/body/notification_warning.jpg') no-repeat 5px 5px; min-height: 32px; } .notification_info { border: 1px solid #49718A; background: #56849F url('../img/new/base/body/notification_info.jpg') no-repeat 5px 5px; min-height: 32px; } .notification_ok { border: 1px solid #4A8761; background: #599F72 url('../img/new/base/body/notification_ok.jpg') no-repeat 5px 5px; min-height: 32px; } .notification_promopda { background: #4072cc url('../img/new/base/body/notification_pda.jpg') no-repeat 5px center;; min-height: 32px; } /* @end notifications */
   body { background: #efe9e0 url('../img/new/portal2-3/body/body.png') repeat-x top center; color: #626262; font-family: Arial,Verdana,sans-serif; font-size: 12px; } .wall { background: url('../img/new/portal2-3/body/wall.png') top center no-repeat; } #global { margin: 0 auto; position: relative; width: 982px; } #header { height: 112px; margin: 0 0 20px 1px; position: relative; width: 980px; font-family: Arial,Verdana,sans-serif; } #header .logo { left: 0; position: absolute; top: 10px; background: url('../img/new/portal2-3/header/overblog-logo.png'); _background: url('../img/new/portal2-3/header/overblog-logo.gif'); height: 69px; width: 195px; } body.darken #header .logo { background: url('../img/new/portal2-3/header/overblog-logo-darken.png'); _background: url('../img/new/portal2-3/header/overblog-logo-darken.gif'); } #header .logo span { display: none; } #header .pitch { left: 200px; position: absolute; top: 37px; line-height: 27px; } #header .pitch p { color: #555; display: inline; font-family: Georgia,serif; font-size: 1.5em; vertical-align: middle; margin-right: 20px; } body.darken #header .pitch p, body.darken #header .pitch p a { color: #FFFFFF; } body.darken #header .pitch .ob-button.portail a, body.darken #header .pitch .ob-button.portail a:hover { color: #000000 !important; } #header .pitch p a { color: #555; } #header .pitch img { vertical-align: -5px; } #header .admin { position: absolute; right: 6px; top: 24px; _width: 250px; overflow: hidden; font-size: 11px; } #header .admin .admintitle { background: url('../img/new/portal2-3/body/sprite.png') 0px -21px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); color: #989898; font-size: 11px; font-weight: bold; line-height: 16px; text-indent: 20px; text-transform: uppercase; } #header .admin #logoutTop_blog { color: #2b637b; text-transform: uppercase; font-weight: bold; white-space: nowrap; text-decoration: none; } #header .admin #logoutTop_blog:hover { color: #f49a1d; } #header .admin #logoutTop .adminlink { color: #f49a1d; font-weight: bold; text-transform: uppercase; } #header .admin #logoutTop .logoutlink { color: #989898; font-weight: normal; } #header .admin a.lost { color: #c7c7c7; font-size: 10px; position: absolute; right: 0px; top: 1px; } #header .admin form input.text { width: 93px; vertical-align: middle; } /* Main */ #main { background: url('../img/new/portal2-3/body/main-top.png') no-repeat; padding-top: 6px; } #main .maintop { background: url('../img/new/portal2-3/body/main.png') repeat-y; height: 100%;/*ie6*/ } /* end Main */   .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix {display: block;} /* End hide from IE-mac */ .clear { clear: both; } .displayNone { display: none; } #page_container { position: relative; margin: 0 auto; width: 950px; background: white; overflow:hidden; } .white { background: white; padding: 10px; min-height:250px; height:auto!important; height:250px; } .noBorder { border: none !important; } .marged * { margin: 5px; } .marged ul { margin-left: 50px; } .relative { position: relative; } .tags li { list-style: none; display: inline; }   /* Nouveaux boutons sans JS */ .ob-button, .yui-button { display: -moz-inline-box; display: inline-block; background: url('../img/new/base/body/ob-button-sprite-l.png') no-repeat; margin: .25em .25em; padding: 0 0 0 8px; cursor: pointer; vertical-align: middle; } .ob-button:hover, .ob-button.hover, .yui-button:hover { background-position: 0 -27px; } .ob-button:active, .ob-button.active, .yui-button:active { background-position: 0 -54px; } .ob-button.orange, .yui-button.default { background-position: 0 -81px; } .ob-button.orange:hover, .ob-button.orange.hover, .yui-button.default:hover { background-position: 0 -108px; } .ob-button.orange:active, .ob-button.orange.active, .yui-button.default:active { background-position: 0 -135px; } .ob-button.blue { background-position: 0 -162px; } .ob-button.blue:hover, .ob-button.blue.hover { background-position: 0 -189px; } .ob-button.blue:active, .ob-button.blue.active { background-position: 0 -216px; } .ob-button.orange.thin { background-position: 0 -243px; padding-left: 4px; } .ob-button.orange.thin:hover { background-position: 0 -259px; } .ob-button.orange.thin:active { background-position: 0 -275px; } .ob-button.orange.big { background-position: 0 -291px; padding-left: 4px; } .ob-button.orange.big:hover { background-position: 0 -332px; } .ob-button.orange.big:active { background-position: 0 -373px; } .ob-button.portail { background-position: 0 -415px; padding-left: 4px; } .ob-button.portail:hover { background-position: 0 -415px; } .ob-button.portail:active { background-position: 0 -415px; } .ob-button.portail.thin { background-position: 0 -441px; padding-left: 4px; } .ob-button.portail.thin:hover { background-position: 0 -441px; } .ob-button.portail.thin:active { background-position: 0 -441px; } .ob-button.portail.big { background-position: 0 -463px; padding-left: 4px; } .ob-button.portail.big:hover { background-position: 0 -463px; } .ob-button.portail.big:active { background-position: 0 -463px; } .ob-button.portail.gray { background-position: 0 -502px; padding-left: 4px; } .ob-button.portail.gray:hover { background-position: 0 -502px; } .ob-button.portail.gray:active { background-position: 0 -502px; } .ob-button.portail.gray.thin { background-position: 0 -529px; padding-left: 4px; } .ob-button.portail.gray.thin:hover { background-position: 0 -529px; } .ob-button.portail.gray.thin:active { background-position: 0 -529px; } .ob-button.orange *, .yui-button.default * { /*font-weight: bold;*/ } .ob-button.disabled, .ob-button.disabled:hover, .ob-button.disabled:active { background-position: 0 0; cursor: not-allowed ! important; } .ob-button .first-child, .yui-button .first-child { display: block; *display: inline-block; /**position: relative;*/ background:transparent url('../img/new/base/body/ob-button-sprite-r.png') repeat-x right 0; } .ob-button:hover .first-child, .ob-button.hover .first-child, .yui-button:hover .first-child { background-position: right -27px; } .ob-button:active .first-child, .ob-button.active .first-child, .yui-button:active .first-child { background-position: right -54px; } .ob-button.orange .first-child, .yui-button.default .first-child { background-position: right -81px; } .ob-button.orange:hover .first-child, .ob-button.orange.hover .first-child, .yui-button:hover.default .first-child { background-position: right -108px; } .ob-button.orange:active .first-child, .ob-button.orange.active .first-child, .yui-button:active.default .first-child { background-position: right -135px; } .ob-button.blue .first-child { background-position: right -162px; } .ob-button.blue:hover .first-child, .ob-button.blue.hover .first-child { background-position: right -189px; } .ob-button.blue:active .first-child, .ob-button.blue.active .first-child { background-position: right -216px; } .ob-button.orange.thin .first-child { background-position: right -243px; } .ob-button.orange.thin:hover .first-child { background-position: right -259px; } .ob-button.orange.thin:active .first-child { background-position: right -275px; } .ob-button.orange.big .first-child { background-position: right -291px; } .ob-button.orange.big:hover .first-child { background-position: right -332px; } .ob-button.orange.big:active .first-child { background-position: right -373px; } .ob-button.portail .first-child { background-position: right -415px; } .ob-button.portail:hover .first-child { background-position: right -415px; } .ob-button.portail:active .first-child { background-position: right -415px; } .ob-button.portail.thin .first-child { background-position: right -441px; } .ob-button.portail.thin:hover .first-child { background-position: right -441px; } .ob-button.portail.thin:active .first-child { background-position: right -441px; } .ob-button.portail.big .first-child { background-position: right -463px; } .ob-button.portail.big:hover .first-child { background-position: right -463px; } .ob-button.portail.big:active .first-child { background-position: right -463px; } .ob-button.portail.gray .first-child { background-position: right -502px; } .ob-button.portail.gray:hover .first-child { background-position: right -502px; } .ob-button.portail.gray:active .first-child { background-position: right -502px; } .ob-button.portail.gray.thin .first-child { background-position: right -529px; } .ob-button.portail.gray.thin:hover .first-child { background-position: right -529px; } .ob-button.portail.gray.thin:active .first-child { background-position: right -529px; } .ob-button.disabled:hover .first-child, .ob-button.disabled:active .first-child, .ob-button.disabled .first-child:hover, .ob-button.disabled .first-child:active { background-position: right 0; } .ob-button .restricted { display: block; *display: inline-block; *position: relative; padding-left: 10px; background: transparent url('../img/new/admin/body/cadenas_piti.png') no-repeat left center; } .ob-button input, .ob-button button, .ob-button a, .ob-button a:hover, .ob-button span.button, .yui-button input, .yui-button button, .yui-button a, .yui-button a:hover { display: block; *display: inline-block; padding: 0 3px ! important; border: none; line-height: 27px; height: 27px ! important; *line-height: 27px; font-size: 12px ! important; background-color: transparent ! important; color: black ! important; margin: 0 8px 0 0 ! important; text-decoration: none; cursor: pointer; width: auto ! important; border: none ! important; } * html .ob-button input, * html .ob-button button, * html .ob-button a, * html .ob-button a:hover, * html .yui-button input, * html .yui-button button, * html .yui-button a, * html .yui-button a:hover { padding: 0 ! important; } *+html .ob-button input, *+html .ob-button button, *+html .ob-button a, *+html .ob-button a:hover, *+html .yui-button input, *+html .yui-button button, *+html .yui-button a, *+html .yui-button a:hover { padding: 0 ! important; } .ob-button.orange.thin input, .ob-button.orange.thin button, .ob-button.orange.thin a, .ob-button.orange.thin a:hover { height: 16px ! important; font-size: 10px ! important; line-height: 16px ! important; padding: 0 ! important; margin-right: 4px; } .ob-button.orange.big input, .ob-button.orange.big button, .ob-button.orange.big a, .ob-button.orange.big a:hover { height: 41px ! important; font-size: 18px ! important; line-height: 41px ! important; padding: 0 ! important; margin-right: 15px; margin-left: 15px; font-weight: bold; } .ob-button.portail input, .ob-button.portail button, .ob-button.portail a, .ob-button.portail a:hover { height: 25px ! important; line-height: 25px ! important; padding: 0 1em ! important; margin-right: 15px; margin-left: 15px; font-weight: bold; color: white ! important; font-family: arial; text-transform: uppercase; } .ob-button.portail.thin input, .ob-button.portail.thin button, .ob-button.portail.thin a, .ob-button.portail.thin a:hover { height: 22px ! important; line-height: 22px ! important; padding: 0 ! important; margin: 0 4px 0 0 ! important; font-size: 11px ! important; } .ob-button.portail.big input, .ob-button.portail.big button, .ob-button.portail.big a, .ob-button.portail.big a:hover { height: 41px ! important; font-size: 18px ! important; line-height: 41px ! important; padding: 0 15px ! important; margin-right: 15px; margin-left: 15px; font-weight: bold; } .ob-button.blue input, .ob-button.blue button, .ob-button.blue a, .ob-button.blue a:hover { color: white ! important; } .ob-button.disabled input, .ob-button.disabled button, .ob-button.disabled a { color: gray ! important; cursor: not-allowed; } /* \ nouveaux boutons */ .link_alone {text-align:center;}       #navHeaderPnl { position: relative; list-style: none; height: 2.1em; background: #DBDCDA url('../img/new/portal/header/sectionsBG.gif') repeat-x top; border:1px solid #AEAEAE; border-width: 1px 0 1px 0; overflow: hidden; line-height: 100%; padding:0 } #navHeaderPnl li { float: left; line-height:2.1em; padding:0; border-right: 1px solid #AEAEAE; } #navHeaderPnl li a { display: block; *display: inline-block; vertical-align: middle; text-align: center; text-decoration: none; font-family: "lucida grande", "lucida", "verdana"; color: #2d2d2d; padding: 0 1em; height: 2.1em; line-height:2.1em; } #navHeaderPnl li.gray { background: #595959 url('../img/new/portal/header/sectionsBG_gray.gif') repeat-x top; } #navHeaderPnl li.gray a, #navHeaderPnl li.gray_hover a { color: white; } #navHeaderPnl li:hover, #navHeaderPnl li.hover { background: #AEAEAE url('../img/new/portal/header/sectionsBG_hover.gif') repeat-x top; } #navHeaderPnl li.gray:hover, #navHeaderPnl li.gray_hover { background: #AEAEAE url('../img/new/portal/header/sectionsBG_gray_hover.gif') repeat-x top; } #navHeaderPnl li.selected, #navHeaderPnl li.selected:hover { background: #C2F253 url('../img/new/portal/header/sectionsBG_sel.gif') repeat-x top; height: 2.1em; margin: 0; } #navHeaderPnl li.selected a { color: black; font-weight: bold; } #navHeaderPnl li.stats { border: none; background: none; text-align: right; font-size: 0.9em; position: absolute; top: 0; right: 0; color: #9D9C9B; padding-right: 10px; }       .ctn_z_errorbox, .ctn_z_importantbox, .ctn_z_infobox, .ctn_z_okbox { background: #FFDDDC url('../img/new/base/body/errorBoxIcon.png') no-repeat 3px 3px; border: 2px solid #FB1106; padding: 5px 5px 5px 44px; overflow: hidden; cursor: pointer; height:auto; min-height:40px; margin-top: 5px; margin-bottom:15px; } .ctn_z_errorbox a, .ctn_z_importantbox a, .ctn_z_infobox a, .ctn_z_okbox a { font-size:90%; } .ctn_z_errorbox .title { color: #DB0F1C; } .ctn_z_importantbox { background-image: url('../img/new/base/body/impBoxIcon.png'); background-color: #FEFDCF; border-color: #FD9E09; cursor: default; } .ctn_z_importantbox .title { color: #B77207 ; } .ctn_z_infobox { background-image: url('../img/new/base/body/infoBoxIcon.png'); background-color: #F1F6FF; border-color: #6091FE; height:auto; } .ctn_z_infobox .title { color: #004B89 ; } .ctn_z_okbox { background-image: url('../img/new/base/body/okBoxIcon.png'); background-color: #BCFD73; border-color: #5E9C26; } .ctn_z_okbox .title { color: #5E9C26 ; } .ctn_z_errorbox ul, .ctn_z_importantbox ul, .ctn_z_infobox ul, .ctn_z_okbox ul { margin-left: 30px; font-size: 11px; } .ctn_z_errorbox.closed, .ctn_z_okbox.closed { display: none; } .ctn_z_infobox.closed { background-image: url('../img/new/base/body/infoBoxIcon_16.png'); height: 11px!important; min-height:11px; padding:4px 5px 5px 24px }     .importantbox, .infobox { background: #FDFEC4; padding: 10px; } .infobox { background: #CBDAFF; }       .ob_form { background: white; } .ob_form fieldset { border: none; clear: both; padding: 10px; } .ob_form fieldset legend { font-size: 16px; color: gray; font-weight: bold; } .ob_form ul { overflow: hidden; padding: 0; margin: 0; } .ob_form ul li { width: auto; clear: both; list-style: none; margin: 3px 0; padding-bottom: 5px; } .ob_form fieldset.buttons { text-align: right; float: none; clear: both; background: #F7F7F7; border-top: 1px solid #E5E5E5; } .ob_form fieldset.buttons ul { min-width: 0; } .ob_form fieldset.buttons ul li { padding: 0; margin: 0; } .ob_form fieldset.left { text-align: left; } .ob_form fieldset.buttons ul li { border: none; float: none; } .ob_form ul li ul { margin: 0; padding: 0; } .ob_form ul li label { display: block; width: 35%; float: left; line-height: 20px; padding: 0; padding-right: 10px; color: #343434; font-size: 11px; } .ob_form ul li label.small { width: auto; } .ob_form li label.important { color: red; } .ob_form ul li label.full { display: inline; float: none; } .ob_form ul .captcha label { width:auto!important; float: left; } .ob_form ul .captcha label img { vertical-align:bottom; } .ob_form ul .captcha input { width:auto!important; font-size:1.5em; vertical-align: top; } .ob_form ul .captcha .yui-button input { width:auto!important; font-size:1em; } .ob_form ul li input, .ob_form ul li select, .ob_form ul li textarea { height: auto; width: 250px; vertical-align: middle; font-size: 12px; color: black; border-bottom-color: #DFDFDF; } .ob_form ul li input[type=checkbox] { width: 12px; } .ob_form .auto { width:auto; } .ob_form ul li textarea { height: 6em; } .checkbox, .radio { width: auto ! important; height: auto ! important; float: none ! important; border: none ! important; line-height:1em; vertical-align:middle; } .ob_form ul li.underInput { margin-left: 36%; border: none; } .ob_form .buttons { float: right; } .ob_form .buttons input { width: auto; } .ob_form .buttons ul li { float: right; clear: none; } .ob_form .deactivated { color: #aaa; border-color: #eee; cursor: not-allowed; } .ob_form img { vertical-align: -0.4em; } .ob_form .inline { float: none; width: auto; display: inline; } .ob_form input.inline, .ob_form select.inline, .ob_form textarea.inline { margin: 0 3px 0 0; line-height: 100%; } .ob_form input.checkbox, .ob_form label.full { cursor: pointer; } /* Debug select disparus sous IE6 */ * html .ob_form select { visibility: visible ! important; } .ob_form .error { border: 1px solid red; }     .ob_form_extended { background: white; padding: 10px; } .ob_form_extended legend, .ob_form_extended.v2 h3 { border-bottom: 1px solid #bababa; color: #323232; font-size: 1.5em; font-weight: bold; margin-bottom: 1em; padding-bottom: 0; } .ob_form_extended.v2 fieldset { margin: 20px 0 0 0; } .ob_form_extended.v2 legend { text-align: center; font-size: 1.2em; color: #6D6D6D; text-decoration: none; border: none; font-weight: normal; } .ob_form_extended.v2 legend span { display: block; margin-left: 240px; } .ob_form_extended p { font-size: 11px; } .ob_form_extended table { border-collapse: collapse; margin-top: 20px; } .ob_form_extended.v2 table { margin: 0; } .ob_form_extended th.libelle { width: 240px; } .ob_form_extended label, .ob_form_extended input { vertical-align: top; } .ob_form_extended td { padding-bottom: 10px; border: none ! important; } .ob_form_extended td.libelle { text-align: right; padding-right: 5px; vertical-align: top; font-size: 11px; font-weight: bold; white-space: nowrap; } .ob_form_extended th.input { width: 360px; } .ob_form_extended td.input { vertical-align: top; } .ob_form_extended td.input input, .ob_form_extended td.input select, .ob_form_extended td.input textarea { width: 350px; border-bottom: 1px solid #E6E6E6; } .ob_form_extended td.input textarea { height: 75px; } .ob_form_extended td.input .auto { width: auto; } .ob_form_extended td, .ob_form_extended th { background: white; } .ob_form_extended tbody td.help { width: 278px; margin: 0 0 0 10px; font-size: 10px; vertical-align: top; padding-left: 10px; color: #3A7AFE; background: white url('../img/new/admin/body/form_icon_i.gif') no-repeat; } .ob_form_extended .error { border: none; color: inherit; font-weight: normal; margin: 0; padding: 0; text-align: left; display: table-row; } .ob_form_extended .ok { color: #343434; } .ob_form_extended tbody tr.ok td.help { color: #84CB08; background: white url('../img/new/admin/body/form_icon_ok.gif') no-repeat; } .ob_form_extended tbody tr.error td.help { color: #FB2108; background: white url('../img/new/admin/body/form_icon_error.gif') no-repeat; } .ob_form_extended tbody tr.error input, .ob_form_extended tbody tr.error select, .ob_form_extended tbody tr.error textarea { background: #FFCDCB; } .ob_form_extended tbody tr.wait td.help { color: #FFA500; background: white url('../img/20-wait-white.gif') no-repeat; } .ob_form_extended td.help { color: #3A7AFE; } .ob_form_extended td.help img { float: left; margin: 0 5px; } .ob_form_extended td.help p { padding: 2px 0 0 10px; margin: 0; } .ob_form_extended tfoot .input { text-align: center; padding-top: 20px; } .ob_form_extended tfoot .input input { border: none; width: auto; } .form_explain { font-size: 11px; font-style: italic; color: #5C5C5C; font-weight: normal; margin-bottom: 20px; } .form_explain ol { padding : 1em; list-style-position: inside; } .steps { margin: 20px 0; } .steps li { float: left; margin: 2px; list-style: none; padding: 0; color: white; width: 250px; height: 20px; padding-top: 4px; text-align: center; } .steps li.step1 { background: url('../img/new/admin/body/steps_1.gif'); } .steps li.step2 { background: url('../img/new/admin/body/steps_2.gif'); } .steps li.step3 { background: url('../img/new/admin/body/steps_3.gif'); } .steps li.step1_selected { background: url('../img/new/admin/body/steps_1_selected.gif'); font-weight: bold; } .steps li.step2_selected { background: url('../img/new/admin/body/steps_2_selected.gif'); font-weight: bold; } .steps li.step3_selected { background: url('../img/new/admin/body/steps_3_selected.gif'); font-weight: bold; } /* group Manual & faq */ .manual { clear: both; } .manual dt, .faq_group dt{ color: #333; margin-bottom: .3em; margin-top: 0; font-weight: bold; } .faq_group dt { color: #3184FF } .manual dd, .faq_group dd { margin-top: .5em; margin-bottom: 2em; margin-left: 1em; padding-left: 1em; border-left: 1px solid #DDD; line-height: 1.8em; font-size: 1em; } .manual li { line-height: 1.8em; } .manual dl dd ul li { font-size: 1em; line-height: 1.8em; } .manual .GcheTexte span { font-size: 0.85%; color: #5C5C5C; } .manual ol { margin-left: 2em } .manual ol li h2 , .last_level { font-size: 1.4em!important; color: #565656; font-weight: bold; } .manual ol li h2 a:hover, .last_level a:hover { text-decoration: none!important; } .manual ol li dl dd ul li { margin-left: 2em; } .manual p { margin: 1em auto; line-height: 1.7em; } .manual .description { background-color: #F5F5F5; border: 1px solid #c6c6c6; margin: 5px; padding: 0 1em; } .manual li { list-style-position: inside; padding-left: 10px; } .manual ol li { font-size: 95%; line-height: 1.8em; list-style-position: outside; } .manual ol li ul { margin-top: .6em; } .manual ol li ul li { margin-top: 1em; font-size: 1em; line-height: 1.8em; } .manual ol li ul li ul li { list-style-type: square; font-size: 1em; } .manual ol li ol li { margin: 0; padding: 0; } .manual h1 { font-size: 1.6em; font-family: arial, sans-serif; margin-top: 1em; } .manual h2 { font-size: 1.5em; margin:10px auto 5px auto; font-weight: bold; color: #000; } .manual a { } .manual a:hover { text-decoration: underline!important; } .manual h3 { color: #333; font-size: 1.36em; border-bottom: none; font-weight: normal; margin:5px auto 5px auto; } * html .manual h3 a { color: #333; } * html .manual h1 a { color: #000; } * html .manual h4 a, * html .manual h2 a { color: #565656; } .manual .sub_level { margin-left: 15px; } .manual h4 { color: #565656; font-weight: normal; margin-left: 15px; font-size: 1.28em; border-bottom: none; } .manual .sub_level .sub_level { margin-left: 15px; } .manual .content { margin-top: 1em; margin-bottom: 1em; } .manual .content a { color :#0653FE; } .manual_title { color: #000; font-weight: bold; font-size: 1.6em; border-bottom: 1px solid #BABABA; } .manual_sub_title { color: #565656; font-weight: normal; font-size: 1.28em; margin-bottom: 1em; margin-top: .3em; } .GcheTexte{float:left; margin:3px;}     .niceText h3 { font-size: 1.5em; margin: 5px 0; } .niceText h4 { font-size: 1.1em; margin: 5px 0; } .niceText ul { list-style: none; margin-bottom: 5px; } .niceText p { margin: 0 5px 10px 5px; } .niceText button { font-size: 16px; } .niceText ul li { list-style: url('../img/new/admin/body/bullet.png'); margin-left: 50px; line-height: 24px; } * html .niceText li { list-style: url('../img/new/admin/body/bullet.gif'); } .niceText img { margin: 10px; } .niceText dt { /* Image */ background-image: url('../img/new/admin/body/bullet.png'); background-repeat: no-repeat; background-position: 0 50%; /* Texte */ padding-left: 15px; font-size: 120%; font-weight: bold; margin-top: 2em; } .niceText dd { margin: 1em 5em; text-align: justify; } .niceText table { /*border-collapse: collapse;*/ margin: 1em 0; } .niceText .ob_form .pagination .ctn_searchresults_nav_mid { width: 350px; }     .tos p { margin: auto; padding: 0.5em; } .tos h2 { font-size: 1em; margin-top: 1em; margin-bottom: 1em; } .tos ul { margin-left: 0em; padding-left: 0.5em; } .tos li { margin-left: 1em; } .tos dt { font-weight: bold; } .tos dl.definitions dt { font-weight: normal; font-style: italic; } .tos dd { margin-bottom: 1em; padding: 0.5em; } .tos dl.definitions dd { margin-bottom: 0.5em; padding: 0.5em; } .tos dd p { padding: 0 0 0.5em 0; margin: 0px !important; } .tos dd li { padding: 0 0 0.5em 0; }   .facebook { background: url('../img/new/blog/body/facebook.gif') no-repeat; padding-left: 20px !important; } /* Footer */ #footer { background: #707070 url('../img/new/portal2-3/footer/footer.png') top left repeat-x; border: solid #f6f3ed; border-width: 0 1px; line-height: 18px; padding: 15px 19px; color: white; font-family: Arial,Verdana,sans-serif; } body.fr_XX #footer { margin: 0 1px; } #footer h5 { border-bottom: 1px solid #898989; font-size: 12px; line-height: 18px; margin-bottom: 5px; padding: 0 0 5px 0; color: #F49A1D; font-weight:bold; text-transform:uppercase; } #footer a { color: #fff; } #footer .col { float: left; margin-right: 15px; width: 180px; } #footer .col.col2 { width: 160px; } #footer .col.col3 { width: 120px; } #footer .logo { color: #c4c4c4; float: left; font-size: 11px; text-align: center; width: 230px; } #footer .logo .image { background: url('../img/new/portal2-3/body/sprite.png') 0 -720px no-repeat; height: 60px; margin: 0 auto; width: 170px; } #footer .logo * { color: #c4c4c4; } #footer li { list-style: none; } /* end Footer*/   body.habillage { background-repeat: no-repeat; } .habillage .wall { background: none; } .habillage a.arches { position: absolute; display: block; top: 0; } .habillage #header .logo { _background: url('../img/new/portal2-3/header/overblog-logo-uni.gif'); } /* @end Habillage pub */   .migration dt{ margin-bottom: .3em; margin-top: 1em; font-weight: bold; } .migration li{ list-style-type: circle; list-style-position: inside; padding-left: 10px; } /* end migration */   .OBGraphtooltip { position: absolute; min-width: 30px; padding: 20px 10px 10px; margin: 2px 0 0 -28px; } .OBGraphtooltip .ctn { position: relative; color: black; } .OBGraphtooltip canvas { position: absolute; top: 0; left: 0; } /* @end yuiflot */   body a { display: none; } body div a { display: inline; } /* @end fix pixel */
   * { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address,caption,cite,code,dfn,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } a { color: #2b637b; text-decoration: none; border: none; } textarea { font-family: 'andale mono', 'lucida console', monaco, monospace; } a:hover { color: #f49a1d !important; } h1 { color: #f49c22; font-family: Georgia,serif; font-size: 30px; padding: 20px 20px 10px 20px; } h2 { color: #2b637b; font-family: Georgia,serif; font-size: 30px; line-height: 30px; } h2 a { color: #2b637b; } h4 { color: #fff; font-family: Georgia,serif; font-size: 14px; font-style: italic; line-height: 20px; } h4 .icon { float: left; height: 16px; width: 16px; } h5 { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; } input { font-family: Arial,Verdana,sans-serif; } input.text { background: url('../img/new/portal2-3/body/sprite.png') 0px -50px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); border: 1px solid #e0e0e0; font-size: 11px; height: 16px; padding: 3px 2px 1px 2px; } input.showLabel { color: #ccc; } strong.nostrong { font-weight: normal; } /* Ne pas afficher les liens encodés. les afficher uniquement décodés */ span.oblink {display:none;} /* Alignements images dans zone de texte éditées */ .GcheTexte{float:left; margin:3px;} .DrteTexte{float:right; margin:3px; } .CtreTexte{margin:3px auto; display:block; clear:both;} .error_hidden { display: none; } /* OB_Form */ .ob_form label, .ob_form .text { color: #626262 !important; } .ob_form input.text, select.text { background: url('../img/new/portal2-3/body/sprite.png') 0px -50px no-repeat !important; _background-image: url('../img/new/portal2-3/body/sprite.gif'); border: 1px solid #e0e0e0 !important; padding: 3px 2px 1px 2px !important; } .ob_form input.text { height: 16px !important; } .ob_form textarea.text { border: 1px solid #e0e0e0 !important; padding: 3px 2px 1px 2px !important; } .ob_form label { font-size: 12px !important; } .ob_form input.error, .ob_form select.error { background: url('../img/new/portal2-3/body/sprite.png') 0px -50px no-repeat !important; _background-image: url('../img/new/portal2-3/body/sprite.gif'); border: 1px solid #ff0000 !important; padding: 3px 2px 1px 2px !important; } .ob_form textarea.error { border: 1px solid #ff0000 !important; } .ob_form label.error { color: #ff0000 !important; border: none !important; } /* End OB_Form */ /* Header */ #header .lang { position: absolute; right: 6px; top: 0; } #header .lang ul li { display: block; float: left; height: 15px; opacity: 0.2; padding-top: 2px; width: 26px; } #header .lang ul li:hover { opacity: 1; } #header .lang ul li a { background: url('../img/new/portal2-3/body/sprite.png') no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); filter: alpha(opacity=20); display: block; height: 11px; margin-left: 5px; overflow: hidden; width: 16px; } #header .lang ul li a:hover { filter: alpha(opacity=100); } #header .lang ul li.fr a { background-position: 0px 0px; } #header .lang ul li.en a { background-position: -16px 0px; } #header .lang ul li.de a { background-position: -32px 0px; } #header .lang ul li.es a { background-position: -48px 0px; } #header .lang ul li.it a { background-position: -64px 0px; } .fr_FR #header .lang ul li.fr, .fr_XX #header .lang ul li.fr, .en_GB #header .lang ul li.en, .de_DE #header .lang ul li.de, .it_IT #header .lang ul li.it, .es_ES #header .lang ul li.es { background: url('../img/new/portal2-3/body/sprite.png') -30px -80px no-repeat; _background-image :url('../img/new/portal2-3/body/sprite.gif'); filter: alpha(opacity=100); opacity: 1; } #header .lang ul li a span { display: none; } #header .nav { background: url('../img/new/portal2-3/header/nav.png') bottom center repeat-x; _background-image: url('../img/new/portal2-3/header/nav.gif'); height: 33px; left: 5px; line-height: 33px; padding-top: 3px; position: absolute; top: 76px; width: 970px; } #header .nav .navleft, #header .nav .navright { background: url('../img/new/portal2-3/body/sprite.png') no-repeat; _background: url('../img/new/portal2-3/body/sprite.gif ') no-repeat; height: 36px; position: absolute; top: 2px; width: 5px; } #header .nav .navleft { background-position: 0px -496px; left: -5px; } #header .nav .navright { background-position: -10px -496px; right: -5px; } #header .nav ul li { display: inline; position: relative; } #header .nav ul li a { color: #2b637b; font-weight: bold; margin-left: 18px; text-transform: uppercase; } #header .nav ul li .menu { position: absolute; float: none; z-index: 99999; overflow: hidden; background: transparent; width: 540px; top: 15px; left: -25px; height: 0; } #header .nav ul li .menu .ctn { background: url('../img/new/portal2-3/body/sprite.png') no-repeat; background-position: 70px -782px; padding-top: 18px; } #header .nav ul li .menu ul { background: white; display: block; width: 500px; margin: 0 20px 20px 20px; padding: 1em 0; border: 1px solid #ccc; border-top: 0; } :root #header .nav ul li .menu ul { -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: none; } #header .nav ul li .menu ul li { display: block; float: left; height: 20px; line-height: 20px; width: 154px; overflow: hidden; } #header .nav ul li .menu ul li a { background: url("../img/new/portal2-3/body/sprite.png") no-repeat -10px -167px; color: #558295; font-weight: bolder; padding-left: 8px; } #header .nav ul li .menu ul li.on a, #header .nav ul li.on a { color: #f49a1d; } #header .search { background: url('../img/new/portal2-3/body/sprite.png') 0px -78px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 22px; line-height: 22px; padding-left: 20px; position: absolute; right: 10px; top: 8px; width: 300px; _width: 305px; } #header .search input.text { float: left; width: 199px; font-size: 14px; } #header .search input.submit { background: none; border: none; color: #f49a1d; display: block; float: right; font-size: 11px; font-weight: bold; height: 22px; line-height: 22px; text-align: center; text-transform: uppercase; width: 90px; } /* end Header*/ /* promoOtherSite */ .promoOtherSite { height: 100px; margin-bottom: 20px; overflow: hidden; padding-left: 180px; position: relative; display: none; } .promoOtherSite .text .title { font-size: 30px; line-height: 30px; color: #2b637b; font-family: Georgia,serif; float: left; padding-right: 5px; } .promoOtherSite .text { margin: 10px 0; margin-right: 250px; } .promoOtherSite .text p { margin-top: 10px; } .promoOtherSite .text .btn { padding-top: 5px; } .promoOtherSite .text .btn a { float: left; right: auto; position: absolute; } .promoOtherSite .text p { clear: both; } .promoOtherSite .promoButtons { position: absolute; top: 25px; right: 50px; width: 200px; text-align: center; } .promoOtherSite .promoButtons p em { font-size: 16px; font-family: Georgia, sans-serif; font-style: normal; } .promoOtherSite a { color: #2b637b; } .promoOtherSite .hidePromoOtherSite { display: block; width: 22px; height: 21px; background: #fff url('../img/new/portal2-3/body/sprite.png') -75px -75px no-repeat; position: absolute; top: 10px; right: 10px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .promoOtherSite .hidePromoOtherSite span { display: none; } /* end promoOtherSite */ /* Main */ #main { background: url('../img/new/portal2-3/body/main-top.png') no-repeat; _background-image: url('../img/new/portal2-3/body/main-top.gif'); padding-top: 6px; } #main .maintop { background: url('../img/new/portal2-3/body/main.png') repeat-y; height: 100%;/*ie6*/ } /* end Main */ /* LeftMenu */ .menu { background: url('../img/new/portal2-3/body/menu.png') top right repeat-y; float: left; width: 150px; position: relative; padding-left: 5px; } .menu h1 { color: #fff; font-family: Georgia,serif; font-size: 14px; font-style: italic; line-height: 20px; padding: 0; height: 20px; text-indent: 5px; } .menu h1 em { float: left; } .menu h1 .icon { float: left; height: 16px; width: 16px; background-position: -20px -210px; margin-left: 1px; position: relative; top: 2px; left: 2px; } .menuactive { margin-bottom: 30px; } .menuactive ul { background: url('../img/new/portal2-3/body/menu-active.png') repeat-y; padding-left: 10px; } .menuactive ul li { background: url('../img/new/portal2-3/body/menu-active-li.png') top right no-repeat; font-size: 12px; font-weight: bold; padding: 5px 0; text-transform: uppercase; } .menuactive ul li.first { background: none; } .menuactive ul li a { background: url('../img/new/portal2-3/body/sprite.png') -9px -166px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); color: #574e41; padding-left: 10px; } .menuactivetop { background: url('../img/new/portal2-3/body/sprite.png') 0px -110px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 10px; overflow: hidden; } .menuactivebottom { background: url('../img/new/portal2-3/body/sprite.png') 0px -140px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 10px; overflow: hidden; } .menuactive ul { background: url('../img/new/portal2-3/body/menu-active.png') top left repeat-y; padding-left: 10px; } .menuplain { margin-bottom: 30px; } .menuplain ul li { background: url('../img/new/portal2-3/body/menu-plain-li.png') top right no-repeat; font-size: 11px; font-weight: bold; padding: 7px 0 3px 0; text-transform: uppercase; line-height: 1.4em; height: 1.2em; overflow: hidden; } .menuplain ul li.first { background: none; } .menuplain ul li a { color: #f0f0f0; padding-left: 10px; } .menubottom { background: url('../img/new/portal2-3/body/sprite.png') -5px -125px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 10px; margin-left: 5px; overflow: hidden; width: 150px; } /* end LeftMenu */ /* Side */ .side { float: left; position: relative; right: 2px; top: -2px; width: 310px; padding-bottom: 16px; _overflow: hidden; _margin-left: 5px; } .side .title, .side .title a { color: #fff; font-family: Georgia,serif; font-size: 14px; font-style: italic; line-height: 20px; margin-top: 10px; } .side .title .icon { left: 4px; margin-right: 5px; position: relative; top: 2px; float: left; height: 16px; width: 16px; } .sidebloc { background: url('../img/new/portal2-3/body/side-bloc.png') top left repeat-y; padding: 0 5px; } .sidebloctop { background: url('../img/new/portal2-3/body/sprite.png') 0px -450px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 4px; overflow: hidden;/*ie6*/ } .sideblocbottom { background: url('../img/new/portal2-3/body/sprite.png') 0px -460px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 5px; overflow: hidden;/*ie6*/ } .sideblochr { background: url('../img/new/portal2-3/body/sprite.png') 0px -470px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 5px; overflow: hidden;/*ie6*/ } .sidebloc.adv160 { height: 160px; overflow: hidden; } .sidebloc.adv250 { height: 250px; overflow: hidden; } .sidelink { background: url('../img/new/portal2-3/body/side-bloc.png') top left repeat-y; padding: 0 5px; } .sidelink .btn { background: #d6d6d6; padding: 5px; } /* margin causé par google ad manager */ .module .promo div { margin-bottom: -3px; } .module .promo div div { margin-bottom: 0; } /* end Side */ /* Prime */ .prime { background: #fff url('../img/new/portal2-3/body/prime.png') top right repeat-y; float: left; position: relative; top: -1px; width: 510px; _width: 505px; padding-right: 5px; _overflow: hidden; } .primetop { background: url('../img/new/portal2-3/body/sprite.png') 0px -260px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 3px; overflow: hidden;/*ie6*/ width:515px; } .primebottom { background: url('../img/new/portal2-3/body/sprite.png') 0px -270px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); height: 10px; overflow: hidden;/*ie6*/ width:515px; } .primebloc { background: #fff url('../img/new/portal2-3/body/bloc.png') top left repeat-x; border-top: 1px solid #eee; margin-right: 5px; padding: 10px 20px 0 20px; } .prime .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; clear: both; } /* Prime*/ /* Lead */ .lead { background: url('../img/new/portal2-3/body/lead.png') top left repeat-y; float: left; margin-left: 4px; padding: 0 5px; position: relative; top: -2px; width: 657px; clear: left; _width: 645px; _padding-right: 0; _overflow: hidden; } .lead a { color: #558295; } .leadtop, .leadseparator, .leadbottom { background: url('../img/new/portal2-3/body/sprite.png') no-repeat; left: -5px; overflow: hidden; position: relative; width: 667px; clear: both; } .leadtop { background-position: 0px -550px; height: 5px; } .leadbottom { background-position: 0px -560px; height: 10px; } .leadseparator { background-position: 0px -580px; height: 8px; margin: 0; clear: both; } /* end Lead */ /* Optimus Prime */ .optimusprime { background: url('../img/new/portal2-3/body/optimusprime.png') top left repeat-y; float: left; margin-left: 4px; padding: 0 5px; position: relative; top: -2px; width: 975px; clear: left; } .optimusprimetop, .optimusprimebottom { background: url('../img/new/portal2-3/body/optimusprite.png') no-repeat; left: -5px; overflow: hidden; position: relative; width: 975px; clear: both; } .optimusprimetop { background-position: 0px -0px; height: 5px; } .optimusprimebottom { background-position: 0px -10px; height: 10px; } /* End Optimus Prime */ /* search */ .lead .search .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } .lead .search .bigtitle a { padding: 0; font-size: 12px; font-family: Arial,Verdana,sans-serif; } .lead .search fieldset { text-align: center; border-top: 1px dotted #dedede; padding: 1em; } .lead .search #query { width: 300px; margin-top: 2px; } .portalbs, .lead .search .tabs { height: 23px; border-bottom: 1px solid #ccc; text-align: center; } .portalbs ul, .lead .search .tabs ul { margin: 0 auto; padding-left: 20px; } .portalbs li, .lead .search .tabs li { display: block; float: left; text-transform: uppercase; text-align: center; border: 1px solid #ccc; margin-right: -1px; background: transparent url(../img/new/portal2-3/body/sprite.png) no-repeat scroll 0 -50px; } .portalbs .on, .lead .search .tabs .on { border-bottom: 1px solid #fff; background-image: none; } .portalbs a, .lead .search .tabs a { height: 20px; display: block; background-color: 1px; width: 130px; border: 1px solid #fff; line-height: 20px; vertical-align: absolute-middle; } .portalbs .on a, .lead .search .tabs .on a { color: #f49a1d; border-bottom: 1px solid #fff; } .lead .searchResults .articleLink { font-style: italic; font-size: 12px; } .lead .search .noResults { margin: 10px 20px; } .lead .search .noResults p, .lead .search .noResults ul { margin: 10px 0; } .lead .search .noResults ul li { list-style-type: disc; margin-left: 20px; } .searchResults { color: #444; } .searchResults h2.title { font-size: 1.4em; line-height: 1em; height: 1.05em; overflow: hidden; } .searchResults h2.title a { text-decoration: none; color: #007EAE; font-family: arial, sans-serif; } .searchResults .link { margin-top: 5px; line-height: 1.1em; height: 1.1em; overflow: hidden; } .searchResults p.link a, .searchResults p.link a:hover { color: #009321 ! important; } .searchResults .element-list .element { padding: 10px 12px 0; border: none; background: none; min-height: 0; } .searchResults .element-list .element .thumb { margin-right: 10px; /*width: 105px;*/ height: 90px; float: right; } .searchResults .element-list .element .thumb img { border: 1px solid #888; } .searchResults em { color: #bbb; text-transform: capitalize; } /* ads */ .search .sponsoredLinksContainer { padding: 10px 12px 0; margin: 0 0 10px; } .search .sponsoredLinksContainer .link { height: auto; padding: 0 0 0; margin: 0; } .search .sponsoredLinksContainer .link h2 { margin: 0; } .search .sponsoredLinksContainer .link h2 a { color: #007EAE; font-size: 0.9em; } /* end ads */ /* end search */ /* Elements */ .element { background: #fff url('../img/new/portal2-3/body/bloc.png') top left repeat-x; clear: both; } .bigtitle, .bigtitle a { color: #f49c22; font-family: Georgia,serif; font-size: 30px; padding: 20px 20px 10px 20px; } .bigtitle_underl { color: #f49c22; text-transform: uppercase; border-bottom: 1px solid #f49c22; font-size: 12px; margin: 1em 20px 0.5em 20px; padding: 0.5em 0; font-weight: bold; width: 50%; } .noResults { padding: 0 20px 10px; } .related .bigtitle a { padding: 0; } .related p { padding: 0 0 10px 20px; } h2.bigtitle { font-size: 2em; } .element .title { font-size: 24px; margin-bottom: 5px; line-height: 25px; color: #2b637b; font-family: Georgia,serif; } .element h3.title { font-size: 1.5em; } .element .title a { color: #2b637b; } .element .excerpt { font-size: 13px; line-height: 18px; } .element .btn { margin-top: 10px; } .clear { clear: left; } .element-list { position: relative; } .element-list .element { border-top: 1px solid #eee; margin: 0 0 10px 0; padding: 10px 20px 0 20px; min-height: 110px; } .element-list .element .thumb { float: left; margin-right: 5px; } .element .thumb a img { border: 1px solid #DEDEDE; padding: 1px; } .element .thumb a:hover img { border: 1px solid #F49C22; } .element-list .element .info { font-family: Georgia,serif; color: #9a9a9a; padding: 0.5em 0; } .element-list .element .info a { color: #558295; } .element-list .element .excerpt { margin-left: 0; } .element-list .element .btn { } .position { color: #F49C22; font-size: 1em; font-style: italic; } .position sup { vertical-align: bottom; font-size: 0.8em; } .thumb { position: relative; } .star { position: absolute; top: -8px; left: -8px; width: 28px; height: 28px; background: url('../img/new/portal2-3/body/stars.png') no-repeat 0 0; _background-image: url('../img/new/portal2-3/body/stars.gif'); } .star.gold { background-position: 0 0; } .star.silver { background-position: 0 -28px; } .star.bronze { background-position: 0 -56px; } .generate_date { border-top: 1px dotted #D6D6D6; color: #D6D6D6; text-align: center; margin: 1em 20px 0 20px; padding: 1em; text-transform: uppercase; font-size: 0.8em; font-weight: bold; } /* end Elements */ /* hotSpotAds */ .sponsoredLinksContainer { background: #fff url('../img/new/portal2-3/body/bloc.png') top left repeat-x; clear: both; border-top: 1px solid #eee; border-bottom: 1px solid #eee; /*margin: 0 0 10px 0; padding: 10px 20px 0 20px;*/ position: relative; display: none; } .sponsoredLinksContainer .sponsoredLinksInfo { position: absolute; top: 10px; right: 10px; color: #ccc; font-size: 10px; } .sponsoredLinks p.link a, .sponsoredLinks p.link a:hover { color: #f49a1d ! important; margin-bottom: 5px; } /* end hotSpotAds */ /* Textcontent */ .textcontent { border-top: 1px solid #eee; margin: 10px 20px 0 20px; padding: 0 0 10px 0; font-size: 13px; } .textcontent p { margin-top: 1em; } /* End Textcontent */ /* bloggerProfile */ .bloggerProfile { margin: 20px 20px 0 20px; padding: 0 0 20px 0; font-size: 13px; border-bottom: 1px dotted #dedede; } .bloggerProfile .tags { color: #ccc; font-family: Georgia, serif; } .bloggerProfile .thumb { float: left; margin-right: 5px; } .bloggerProfile .thumb img { border: 1px solid #E5E5E5; padding: 1px; } .bloggerProfile .nickname { padding: 0 10px; } /* End bloggerProfile */ /* Interviews */ .interviewsAround .bigtitle, .bloggersToDiscover .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } /* end Interviews*/ /* They just published */ .bloggersJustPublished .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } .bloggersJustPublished .element-list .element .excerpt .blog, .bloggersJustPublished .element-list .element .excerpt .lastArticle { font-family: Georgia, serif; font-size: 14px; color: #ccc; } .bloggersJustPublished .element-list .element .excerpt, .bloggersJustPublished .element-list .element .title { margin-left: 110px; } /* End They just published */ /* BlogMatic */ .blogmatic .articles .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } .blogmatic .hotSpotAds dt { font-size: 1.5em; margin-top: 10px; } .blogmatic .keywords { margin: 0 20px; } /* End BlogMatic */ /* blogProfile */ .blogProfile .bigtitle, .articlesSelection .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } /* End blogProfile */ /* Communities */ .element-list .community { clear: both; position: relative; } .element-list .community .left { float: left; width: 460px; } .element-list .community .right { clear: both; float: right; width: 150px; } .element-list .community .left .bigtitle { font-size: ; padding: 0; margin-bottom: 5px; } .element-list .community .right .thumb { float: none; } .element-list .community .excerpt, .element-list .community .info { overflow: hidden; } .element-list .community .foot { clear: both; bottom: 4px; position: absolute; width: 460px; } .element-list .community .foot .frm_btn { float: left; margin-top: 3px; } .element-list .community .foot .btn { float: right; margin: 0; } .element-list .community .nb_blogs { font-size: 20px; font-family: Georgia, serif; text-align: center; color: #f49a1d; margin-bottom: 15px; } .element-list .community .nb_blogs a { border-bottom: 1px solid #eee; padding-bottom: 5px; color: #f49a1d; } .communityDetails .element { padding: 6px 20px 0; min-height: 142px; } .communityDetails .excerpt .description, .communityDetails .excerpt .tags { line-height: 18px; height: 36px; overflow: hidden; position: relative; margin: 0 0 0 5px; } .communityDetails .excerpt .tags { height: 16px; background: #F3F3F3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0.3em 0; padding: 5px; } .communityDetails .excerpt .description .ctn, .communityDetails .excerpt .tags .ctn { padding-right: 15px; } .communityDetails .excerpt .description .ctn em { color: #ccc; } .communityDetails .toggle { height: 1.2em; font-size: 1em; position: absolute; bottom: 3px; right: 5px; cursor: pointer; color: #2b637b; font-family: 'andale mono', 'lucida console', monaco, monospace; } .communityDetails .tags .toggle { bottom: 7px; } .communityDetails .actions { margin-top: 4px; } .communityDetails .actions .ob-button { float: right; } .lastArticles { position: relative; } .lastArticles .rss { position: absolute; top: 25px; right: 20px; } .lastArticles .rss a { display: block; text-indent: -10000px; background: url('../img/albums/common/rss.png') no-repeat; width: 28px; height: 28px; } .lastArticles .bigtitle, .communityForum .bigtitle { font-size: 30px; } .lastArticles .element-list .element .thumb { float: right; margin: -25px 0 0 5px; } .lastArticles .element-list .element .title { margin-bottom: 0; } .lastArticles .element-list .element .info { padding: 0 0 5px 0; font-style: italic; } .communityBlogs .bigtitle, .mostCommentedArticles .bigtitle, .crushCommunities .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } .communityForum .element { min-height: 50px; font-size: 14px; } .communityForum .btn { margin: 0 20px 20px 0; } .joinCommunity .motivations label { border-bottom: 1px solid lightgray; line-height: 2em; } .joinCommunity textarea { width: 100%; height: 10em; font-size: 1.2em; line-height: 1.5em; } /* End Communities */ /* $group Blogs home */ .lead .sidebloc, .lead .sidebloctop, .lead .sideblocbottom, .lead .sidelink, .lead .sideblochr { background: none; } .leadBloc { width: 50%; float: left; _width: 49%; } .leadBloc h3.title { color: #f49a1d; font-size: 1em; font-weight: bold; line-height: 1.5em; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } /* $eng Blogs home */   .videos .title span { display: block; font-size: 0.6em; line-height: 1.2em; } .videos .video { float: left; width: 160px; height: 140px; padding: 5px 5px 20px; clear: none; overflow: hidden; _width: 155px; } .videos .btnCtn { margin-right: 20px; } .lead .video { width: auto; padding: 20px; } .lead .videos .video { width: 179px; _width: 175px; } .video .tags * { font-size: 1em; vertical-align: middle; } .video .tags ul { display: inline; } .video .tags .title { display: inline; font-size: 1.5em; } .watlinks { background: white ! important; font-family: georgia ! important; text-align: left ! important; font-size: 0.8em ! important; padding: 0.5em 0 ! important; } /* @end Videos */ /* Pagination */ .pagination { background: url('../img/new/portal2-3/body/post-nav.png') 0px 20px no-repeat; /*border-top: 1px dotted #dedede;*/ font-weight: bold; height: 23px; line-height: 23px; margin: 10px 20px 20px 15px; padding-top: 20px; position: relative; text-align: center; text-transform: uppercase; } .pagination a, .pagination span { padding: 1px 2px 2px; font-size: 10px; } .pagination a { color: #558295; cursor: pointer; } .pagination span { background: #fff; border: 1px solid #e2e2e2; color: #f49a1d; } .pagination .prev a, .pagination .next a { font-size: 10px; height: 23px; line-height: 23px; } .pagination .prev a { float: left; padding: 0 5px 0 25px; } .pagination .next a { background: url('../img/new/portal2-3/body/post-nav.png') top right no-repeat; float: right; padding: 0 25px 0 5px; } .pagination .first, .pagination .last { display: none; } .pagination_simple { position: relative; border-top: 1px dotted #D6D6D6; margin: 2em; padding: 3em 1em; } .pagination_simple .prev, .pagination_simple .next { display: block; position: absolute; top: 2em; left: 0; padding: 0 0 0 20px; color: #f49a1d; font-family: georgia; font-size: 1.4em; background: url('../img/new/portal2-3/body/prev.png') no-repeat center left; } .pagination_simple .next { left: auto; right: 0; padding: 0 20px 0 0; text-align: right; background: url('../img/new/portal2-3/body/next.png') no-repeat center right; } .pagination_simple .prev span, .pagination_simple .next span { display: block; text-transform: uppercase; color: #558295; font-family: arial; font-size: 0.6em; font-weight: bold; } .pagination_simple .btn { float: none; margin: 0 auto; width: 167px; } /* end Pagination */ /* Alpha */ /*add*/.alpha { background: url('../img/new/portal2-3/body/alpha.png') top left repeat-x; font-weight: normal; height: 23px; line-height: 23px; margin: 10px 26px 0 26px; padding-bottom: 10px; position: relative; text-transform: uppercase; font-size: 12px; } .alphaleft, .alpharight { background: url('../img/new/portal2-3/body/sprite.png'); height: 23px; position: absolute; top: 0; width: 6px; } .alphaleft { background-position: -30px -500px; left: -5px; } .alpharight { background-position: -40px -500px; right: -5px; } .alpha a { color: #558295; cursor: pointer; padding: 2px 1px 1px; } .alpha em { color: #aaa; font-style: normal; } .alpha p { position: absolute; right: 0; text-align: right; top: 0; } .alpha p span { background: #fff; border: 1px solid #e2e2e2; color: #f49a1d; padding: 2px 4px 1px; font-weight: bolder; } /* end Alpha */ /* tagList */ .tagList ul { float: left; width: 49%; } .tagList ul li { padding-left: 5em; } .tagList ul li a { color: #558295; font-weight: bolder; background: url('../img/new/portal2-3/body/sprite.png') -10px -167px no-repeat; padding-left: 7px; height: 23px; line-height: 23px; font-size: 13px; } /* end tagList */ /* Headline */ .headlinesPanel { height: 218px ! important; position: relative; background: url('../img/new/portal2-3/body/headline_shadow.png') repeat-x bottom left; } .headlinesPanel .big { height: 180px; padding: 30px 30px 0 180px; background-repeat: no-repeat; background-position: bottom left ! important; } .prime .headlinesPanel .big { _width: 300px; } .headlinesPanel .big h1 { margin: 0; padding: 0; font-size: 1.5em; color: #bcbcbc; font-style: italic; } .headlinesPanel .big h1 * { color: #bcbcbc; } .headlinesPanel .big .title { color: white; font-size: 2.2em; font-family: georgia; } .headlinesPanel .title * { color: white; } .headlinesPanel .big p { font-size: 1.5em; color: white; line-height: 1.2em; } .headlinesPanel .smalls { position: absolute; width: 637px; bottom: 8px; background: url('../img/new/portal2-3/body/headline_opacity.png'); padding: 10px; } .prime .headlinesPanel .smalls { width: 490px; } .headlinesPanel .smalls .headline { width: 163px; float: left; position: relative; cursor: pointer; height: auto; margin: auto; clear: none; } .lead .headlinesPanel .smalls .headline { width: 212px; } .headlinesPanel .smalls .headline .title { font-size: 1em; line-height: 1.3em; } .headlinesPanel .smalls .headline .title a { color: #fff; } .headlinesPanel .smalls .headline p { position: absolute; bottom: 0; left: 55px; font-size: 0.8em; color: #d5d5d5; } .headlinesPanel .smalls .headline img { float: left; margin-right: 10px; } .lead .headlinesPanel .btn { position: absolute; bottom: 20px; right: 20px; } .headlines .selection .element { min-height: 110px; } .headlines .selection .title { margin-right: 90px; } /* themes */ /* White */ .headlinesPanel .h_white h1, .headlinesPanel .h_white h1 *, .headlinesPanel .h_white p, .headlinesPanel .h_white .title, .headlinesPanel .h_white .title * { color: white; } /* dark gray */ .headlinesPanel .h_dgray h1, .headlinesPanel .h_dgray h1 *, .headlinesPanel .h_dgray p, .headlinesPanel .h_dgray .title, .headlinesPanel .h_dgray .title * { color: #999; } /* blue */ .headlinesPanel .h_blue h1, .headlinesPanel .h_blue h1 *, .headlinesPanel .h_blue p, .headlinesPanel .h_blue .title, .headlinesPanel .h_blue .title * { color: #2b637b; } /* light gray */ .headlinesPanel .h_lgray h1, .headlinesPanel .h_lgray h1 *, .headlinesPanel .h_lgray p, .headlinesPanel .h_lgray .title, .headlinesPanel .h_lgray .title * { color: lightgray; } /* orange */ .headlinesPanel .h_green h1, .headlinesPanel .h_orange h1 *, .headlinesPanel .h_orange p, .headlinesPanel .h_orange .title, .headlinesPanel .h_orange .title * { color: orange; } /* green */ .headlinesPanel .h_green h1, .headlinesPanel .h_green h1 *, .headlinesPanel .h_green p, .headlinesPanel .h_green .title, .headlinesPanel .h_green .title * { color: green; } /* brown */ .headlinesPanel .h_brown h1 *, .headlinesPanel .h_brown p, .headlinesPanel .h_brown .title, .headlinesPanel .h_brown .title * { color: brown; } /* / themes */ /* .lead .headline { clear: both; margin-bottom: 20px; position: relative; } .lead .headline-title { margin: 10px 20px; } .lead .headline { width: 616px; height: 210px; } .lead .headline .info { padding-top: 20px; padding-left: 200px; color: #fff; } .lead .headline .info .title { color: #fff; padding: 0; margin-bottom: 0.25em; } .lead .headline .info p { font-size: 14px; } .lead .headline .info .title a { color: #fff; } */ .lead .selection .bigtitle, .lead .relatedArticles .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } .lead .selection { position: relative; } .lead .selection .facebook { background: transparent url(../img/new/blog/body/facebook.gif) no-repeat scroll top right; padding-right: 20px; position: absolute; top: 0; right: 0; line-height: 20px; margin: 10px 20px; font-style: italic; } .lead .selection .facebook a { color: #7588aa; } .lead .relatedArticles .thumb, .lead .relatedArticles .excerpt, .lead .relatedArticles .btn { display: none; } .lead .relatedArticles .title { font-size: 16px; } .lead .relatedArticles .element-list .element { background: transparent none; border: 0; margin: 0; padding: 5px; clear: none; border-bottom: 1px dotted #eee; width: 295px; float: left; min-height: 45px; } .lead .selection .element-list .element { position: relative; } .lead .selection .element-list .element .date { position: absolute; top: 10px; right: 20px; line-height: 25px; } .lead .relatedArticles .element-list .element .title { padding-left: 6px; background: url('../img/new/portal2-3/body/sprite.png') -10px -160px no-repeat; } .lead .relatedArticles .element-list .element .info { height: 14px; overflow: hidden; } .lead .relatedArticles .element-list .element .clear { clear: none; } .lead .relatedArticles .element-list { background: #fff url('../img/new/portal2-3/body/bloc.png') top left repeat-x; padding: 0 20px; border-top: 1px solid #eee; } /* end Headline */ /* Edito */ .prime .edito { position: relative; } .prime .edito .element .title { font-size: 30px; } .prime .edito .element .info { position: absolute; top: -14px; right: 5px; font-size: 11px; font-family: arial; } .lead .edito .info { margin: 0 20px; font-family: Georgia,serif; color: #9a9a9a; } .lead .edito .info .author { color: #558295; } .editos .element-list .element { position: relative; } .editos .element-list .element .title { margin-right: 90px; } .editos .element-list .element .date { position: absolute; top: 10px; right: 20px; line-height: 25px; } /* end Edito */ /* Manual */ .white { padding: 0 20px; } .manual_title { color: #f49c22; font-family: Georgia,serif; font-size: 30px; padding: 10px 0; border-bottom: 0 none; font-weight: normal; } .manual_search { margin: 0 0 10px; border-bottom: 1px dotted #E5E5E5; padding-bottom: 10px; } .manual_search .text { width: 260px; } .manual { padding: 0; } .manual h2 { font-weight: normal; font-size: 24px; margin: 0 0 5px; line-height: 25px; color: #2b637b; font-family: Georgia,serif; } .manual h3, .manual h4 { font-size: 13px; font-family: Arial, sans-serif; font-style: normal; padding-left: 7px; background: url('../img/new/portal2-3/body/sprite.png') -10px -167px no-repeat; } .manual h3 { margin-left: 20px; } .manual h4 { margin-left: 65px; background-position: -10px -164px; } .manual .sub_level, .manual .sub_level .sub_level { margin-left: 0; } .manual a:hover { text-decoration: none !important; } .manual h1, .manual .last_level { font-weight: normal !important; font-size: 24px !important; margin: 0 0 10px !important; line-height: 25px !important; color: #2b637b !important; font-family: Georgia,serif !important; padding: 0 !important; border: 0 none !important; } .manual ol { margin: 0; } .manual ol li { padding: 0; } .manual ol li h2 { border: 0 none; font-weight: normal; margin: 10px 0 0 !important; } .manual ol li h3 { background-position: -10px -164px; } .manual .content { padding: 0; margin-top: 0; } .manual ol li h2 a, .manual .content a { color: #558295; } .manual ul { list-style-type: square; } .manual .content ul li { margin-left: 10px; } /* end Manual */ /* Google Search API */ .manual .gsc-control, .contactForm .gsc-control { width: 100%; line-height:18px; } .contactForm .gs-result a.gs-visibleUrl, .contactForm .gs-result .gs-visibleUrl , .manual .gs-result a.gs-visibleUrl, .manual .gs-result .gs-visibleUrl { display: none; } .contactForm .gsc-search-box , .manual .gsc-search-box { display: none; } .contactForm .gsc-results-selector , .manual .gsc-results-selector { display: none; } .contactForm .gs-result .gs-title, .contactForm .gs-result .gs-title * , .manual .gs-result .gs-title, .manual .gs-result .gs-title * { color:#2B637B; text-decoration: none; } .contactForm .gsc-cursor-box , .manual .gsc-cursor-box { display: none; } .contactForm .gsc-resultsHeader , .manual .gsc-resultsHeader { display: none; } #contactForm .gs-visibleUrl-short , .manual .gs-visibleUrl-short { display: none; } .contactForm .gs-webResult div.gs-visibleUrl-long , .manual .gs-webResult div.gs-visibleUrl-long { display: block; margin-top: 3px; } .contactForm .gs-title , .manual .gs-title { font-size:1.1em; line-height:1.1em; } /* End Google Search Api */ /* Static Pages */ .staticPage { padding: 10px 20px; } .staticPage h3 { color: #f49c22; font-family: Georgia,serif; font-size: 30px; padding: 10px 0; border-bottom: 0 none; font-weight: normal; } .staticPage .content p { margin-top: 10px; font-size: 13px; } .staticPage h4 { font-weight: normal !important; font-size: 24px !important; margin: 0 0 10px !important; line-height: 25px !important; color: #2b637b !important; font-family: Georgia,serif !important; padding: 0 !important; border: 0 none !important; font-style: normal; } .staticPage h5 { text-transform: none; font-size: 14px; color: #2B637B; font-weight: normal; font-family: Georgia, sans-serif; padding-left: 7px; background: url('../img/new/portal2-3/body/sprite.png') -10px -155px no-repeat; } .staticPage .ob_form fieldset.buttons { margin: 0 -10px -15px -20px } .partners .leftCol, .partners .rightCol { width: 49%; float: left; } .partners .first img, .partners .leftCol img, .partners .rightCol img { float: left; margin-right: 10px; } .partners li { margin-left: 100px; background: url('../img/new/portal2-3/body/sprite.png') -10px -167px no-repeat; padding-left: 7px; } .partners .leftCol dt, .partners .rightCol dt { padding: 20px 10px 0; font-weight: normal !important; font-size: 24px !important; margin: 0 0 10px !important; line-height: 25px !important; color: #2b637b !important; font-family: Georgia,serif !important; border: 0 none !important; font-style: normal; } .partners .leftCol dd, .partners .rightCol dd { min-height: 90px; padding: 0 10px; } .classic, .pda, .premium { padding: 10px; } .classic ul, .pda ul, .premium ul { margin-left: 15px; } .classic ul li, .pda ul li, .premium ul.marged li { margin-top: 0px; padding-left: 27px; height: 16px; padding-top: 15px; } .staticPage ul li.e1 { background: url('../img/promo/l1.png') 0 2px no-repeat; } .staticPage ul li.e2 { background: url('../img/promo/l2.png') 0 2px no-repeat; } .staticPage ul li.e3 { background: url('../img/promo/l3.png') 0 2px no-repeat; } .staticPage ul li.e4 { background: url('../img/promo/l4.png') 0 2px no-repeat; } .staticPage ul li.e5 { background: url('../img/promo/l5.png') 0 2px no-repeat; } .classic .strong { font-weight: bold; } .classic h3 { background: url('../img/promo/offre_blog.png') 0 2px no-repeat; height: 137px; width: 623px; text-align: right; padding-right: 15px; } .pda h3 { background: url('../img/promo/offre_auteur.png') 0 2px no-repeat; height: 137px; width: 623px; text-align: right; padding-right: 15px; } .premium h3 { background: url('../img/promo/pack_premium.png') 0 2px no-repeat; height: 137px; width: 623px; text-align: right; padding-right: 15px; } .classic h3 em, .pda h3 em, .premium h3 em { font-size: 20px; } .classic p, .classic ul, .classic ol, .premium p, .premium ul, .premium ol, .pda p, .pda ul, .pda ol { margin-bottom: 15px; } /* Errors */ #error .signature { font-style: italic; margin-top: 10px; } /* End Errors */ /* Login page */ .loginForm .form .error { background-color: #b5393a; color: #fff; border: 1px solid #b80103; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 10px; margin: 0; display: block; } .loginForm .form .important { background-color: #f9da70; border: 1px solid #e5b719; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 10px; margin: 0; display: block; } .loginForm .form .info { background-color: #bedeeb; border: 1px solid #8cb2c2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 10px; margin: 0; display: block; } .loginForm form fieldset legend { color: #f49c22; font-family: Georgia,serif; font-size: 30px; padding: 10px 0; border-bottom: 0 none; font-weight: normal; } .loginForm .intro { padding: 10px 0; } .loginForm .retrievePassword { margin-left: 10px; line-height: 25px; } /* End Login page */   .overview { margin: 13px; } /* @end Home international */ /* Inscription */ .inscription .steps li { background:url('../img/new/portal2-3/body/steps.png') no-repeat 0px -35px; color:#fff; float:left; font-weight:bold; height:35px; line-height:35px; margin-right:0px; padding:0 5px 0 40px; text-align:center; width:215px; } .inscription .steps .step2 { background-position:-260px -35px; } .inscription .steps .step3 { background-position:-520px -35px; } .inscription .steps .step1.on { background-position:0 0; } .inscription .steps .step2.on { background-position:-260px 0; } .inscription .steps .step3.on{ background-position:-520px 0; } /* End Inscription */ /* Comparison */ .comparison { width: 100%; font-family: Georgia, serif; } .comparison .col1 { width: 40%; font-family: Arial, sans-serif; } .comparison .col2, .comparison .col3 { width: 30%; text-align: center; } .comparison .col23 { width: 60%; text-align: center; } .comparison .col13 { width: 100%; color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 20px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } .comparison tbody tr, .comparison thead tr { border-bottom: 1px solid #e5e5e5; } .comparison th, .comparison td { padding: 5px 0; } .comparison th { font-size: 1.5em; } .comparison td { height: 1.5em; } .comparison th a { color: #626262; } .comparison strong { color: #558295; font-size: 1.15em; } /* End Comparison */ /* End Static Pages */ /* PortalForm */ .portalform .title { color:#2b637b !important; font-size:20px !important; margin:20px 0 5px !important; padding-left:220px !important; clear: both; } .portalform p { clear: both; margin-bottom: 10px; } .portalform .clear { clear: left; display: block; } .portalform .libelle, .portalform .input, .portalform .help { display: block; float: left; } .portalform .libelle { font-weight: bold; line-height: 20px; padding-right: 10px; text-align: right; width: 210px; } .portalform .input { padding-right: 20px; width: 340px; } .portalform .input .text { width: 338px; } .portalform .input .text.captcha { width: 50px; } .portalform .input .text.address { width: auto; } .portalform .input select { padding: 2px; vertical-align: top; } .portalform .help { color: #2b637b; opacity: 0.5; width: 300px; } .portalform .help:hover { /*cursor: help;*/ opacity: 1; } .portalform .help .icon { background: url('../img/new/portal2-3/body/help.gif') no-repeat -48px 0; float: left; height: 16px; margin-right: 5px; width: 16px; } .portalform .ok .help { color: #68a53f; } .portalform .ok .help .icon { background-position: 0 0; } .portalform .wait .help { color: #f49c22; } .portalform .wait .help .icon { background-position: -32px 0; } .portalform .error .help { color: #a93330; font-weight: bold; } .portalform .error .help .icon { background-position: -16px 0; } .portalform .error { border: 0 !important; } .portalform .empty { padding-left: 220px; } /* Marquage erreurs pour les formulaires de pages en deux colonnes */ .lead .portalform .error .libelle { color: red; } /* Contact */ #contact textarea { height: 15em; } #contact input, #contact textarea { width: 300px; } #contact select { width: 305px; } #contact #SpamKeyU { width: 60px; } .contact_mail_validation ul { margin: 5px 15px; } .contact_mail_validation li { list-style-type: square; } /* End contact */ /* End PortalForm */ /* "Overblog" */ .o { color: #f49c22; font-family: Arial, Verdana, sans-serif; } .b { color: #626262; font-family: Arial, Verdana, sans-serif; } /* end "Overblog" */   .magazineTrends .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } .magazineTrends, .homeTrends { position: relative; } .trends .trend { width: 288px; _width: 282px; _overflow: hidden; clear: none; float: left; } .trends .first { width: 617px; } .trends .trend { padding: 10px 20px; } .trend .thumb img { border: 1px solid #E5E5E5; } .trend .excerpt { float: left; width: 311px; } .trends .trend .excerpt { width: 149px; } .lead .trend .excerpt { width: 129px; } .lead .first .excerpt { width: 458px; } .trend { position: relative; } .trend ol { margin-left: 2em; margin-bottom: 1em; font-family: georgia; list-style: decimal; } .first ol { width: 190px; float: left; margin-right: 10px; _margin: 0 0 0 10px; } .trend li { border-bottom: 1px solid #E5E5E5; background: url('../img/new/portal2-3/body/evolution.png') no-repeat right 50px; _background-image: url('../img/new/portal2-3/body/evolution.gif'); padding-right: 12px; } .trend li, .trend li a { color: #574e41; } .trend li.up { background-position: right 3px; } .trend li.down { background-position: right -47px; } .trend li.stable { background-position: right -97px; } .element-list .btnCtn { margin-right: 20px; } .lead .element-list .btnCtn { margin-right: 10px; } .trendDetails h2.bigtitle, .trendDetails h2.bigtitle * { font-size: 1.5em; padding: 0; color: #2B637B; } .trendDetails h2.bigtitle a:hover { color: #F49C22; } .graphes h3 { font-family: georgia; font-size: 1.5em; margin: 0.5em 1em; } .graphes { margin: 20px; } .trendDetails .related .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; } .trendDetails .related .bigtitle a { color: #f49a1d; font-size: 12px; font-family: Arial,Verdana,sans-serif; } .graphes img { margin: 1px; } /* @end Trend */ /* Warning */ .warning { background: url('../img/new/portal2-3/body/warning.png') no-repeat 5px 5px; padding: 5px; background-color: #FEFDCF; border: 1px solid #FD9E09; -moz-border-radius: 5px; padding-left: 60px; overflow: hidden; margin-top: 5px; margin: 20px; clear: both; } .blogmatic .warning, .search .warning { height: 50px; } .search .erog { height: auto; text-align: center; display: none; } .search .erog #hideErog { color: #FD9E09; font-size: 0.75em; } /* end Warning */ /* Topnav */ .topnav_ctnr { background: #F3F3F3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 1em; padding: 1px; height: 147px; } .topnav_ctnr .bigtitle_underl { margin: 0 10px 0.5em; } .topnav { margin: 0 10px; padding: 0; font-size: 12px; } .topnav .tags { display: inline; _width: 600px; } .topnav .tags li { display: block; width: 154px; float: left; line-height: 20px; height: 20px; width: 100px; _width: 86px; overflow: hidden; } .topnav .tags li a { color: #558295; padding-left: 8px; background: url('../img/new/portal2-3/body/sprite.png') -10px -167px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); font-weight: bold; } .topnav .tags li a:hover { color: #f49a1d; } .topnav .tags .on a { color: #f49a1d; text-transform: uppercase; } .topnav .btn { background: none; margin: 5px 0 5px 0; } .topnav .btn a { background: none; text-transform: lowercase; font-weight: normal; } /* end Topnav */ /* Breadcrumbs */ .breadcrumb { width: 100%; display: block; height: 1.2em; line-height: 1.2em; padding: 0.5em; font-size: 1.2em; } .breadcrumb li, .breadcrumb li a { display: inline; color: white; font-style: italic; font-family: georgia; } .breadcrumb li { padding-left: 0.5em; } .breadcrumb li a { padding-right: 1em; background: url('../img/new/portal2-3/body/breadcrumb_arrow.png') no-repeat right 0.3em; } /* End Breadcrumbs */ /* Bouton */ .btn { height: 23px; } .btn a { background: url('../img/new/portal2-3/body/btn01.png') top left no-repeat; _background-image: url('../img/new/portal2-3/body/btn01.gif'); color: #558295; cursor: pointer; float: right; font-size: 10px; font-weight: bold; height: 23px; line-height: 23px; padding-left: 2px; position: relative; right: 5px; text-transform: uppercase; } .btn a:hover { color: #f49a1d; } .btn a span { background: url('../img/new/portal2-3/body/btn01.png') top right no-repeat; _background-image: url('../img/new/portal2-3/body/btn01.gif'); float: left; left: 5px; height: 23px; padding-right: 25px; position: relative; } .btn02 { height: 34px; } .btn02 a { background: url('../img/new/portal2-3/body/btn02.png') top left no-repeat; _background-image: url('../img/new/portal2-3/body/btn02.gif'); color: #558295; cursor: pointer; float: right; font-size: 10px; font-weight: bold; height: 34px; line-height: 10px; padding-left: 5px; position: relative; right: 5px; text-transform: uppercase; } .btn02 a:hover { color: #f49a1d; } .btn02 a span { background: url('../img/new/portal2-3/body/btn02.png') top right no-repeat; _background-image: url('../img/new/portal2-3/body/btn02.gif'); float: left; height: 27px; left: 5px; padding: 7px 30px 0 0; position: relative; } .frm_btn { background: #F3F3F3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 15px; display: inline; } :root .frm_btn { display: inline-block; } /* end Buttons */ /* Icons */ .icon { background: url('../img/new/portal2-3/body/sprite.png') no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); } .icon-up { background-position: 0px -410px; float: left; height: 12px; width: 12px; } .icon-down { background-position: -20px -410px; float: left; height: 12px; width: 12px; } .icon-star { background-position: -40px -210px; } .icon-guy { background-position: -0px -210px; } .icon-heart { background-position: -60px -210px; } .icon-circle { background-position: -100px -210px; } .icon-shopping { background-position: -120px -210px; } .icon-arrow { background-position: -50px -410px; } /* end Icons */ /* 01 Home */ /*TODO*/ .tendance-du-jour h2 { font-size: 18px; line-height: 20px; margin-bottom: 5px; } .tendance-du-jour .starlist { background: url('../img/new/portal2-3/body/sprite.png') 0px -290px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); float: left; height: 102px; width: 325px; } .tendance-du-jour .starlist .thumb { float: left; width: 165px; } .tendance-du-jour .starlist .thumb a img { border: 1px solid #9a9a9a; } .tendance-du-jour .starlist ul { float: left; line-height: 20px; width: 155px; } .tendance-du-jour .starlist ul em { color: #9a9a9a; font-family: Georgia, serif; font-weight: bold; } .tendance-du-jour .starlist ul .icon { float: right; position: relative; top: 4px; } .tendance-du-jour .btn02 { float: left; margin: 30px 0 0 10px; width: 135px; } .a-decouvrir h2 { font-size: 18px; line-height: 20px; margin-bottom: 5px; } .a-decouvrir .post-thumb { float: left; margin-right: 10px; } /* Tagcloud */ .tagcloud { text-align: justify; } .tagcloud ul { font-size: 10px; text-align: justify; width: 470px; } .tagcloud li { display: inline; } .tagcloud a { color: #558295; margin: 3px; } .tagcloud a.size0 { font-size: 1em; } .tagcloud a.size1 { font-size: 1.4em; } .tagcloud a.size2 { font-size: 1.7em; } .tagcloud a.size3 { font-size: 2em; } .tagcloud a.size4 { font-size: 2.2em; } .tagcloud a.size5 { font-size: 2.5em; } /* end Tagcloud*/ /* Top articles */ .toparticles .lists { margin: 10px; } .toparticles .lists li { font-family: georgia; font-size: 1.2em; background: url('../img/new/portal2-3/body/small-arrow.png') no-repeat 0 0.3em; border-bottom: 1px dotted #eee; padding: 0 0 5px 10px; margin-top: 5px; overflow: hidden; } .toparticles .lists .thumb { float: right; border: 1px solid #DEDEDE; padding: 1px; margin-left: 5px; width: 75px; height: 50px; } .toparticles .lists li .title { line-height: 1.1em; height: 1.1em; overflow: hidden; } .toparticles .lists li .blog { font-size: 0.7em; font-weight: bold; font-family: arial; } .toparticles .btn { margin-right: 20px; } .toparticles .addblog { float: left; margin-left: 10px; } .toparticles .bigtitle { color: #f49a1d; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding: 10px 20px 0 20px; font-family: Arial,Verdana,sans-serif; clear: both; } /* end Top articles */ /* Modules Sidebar */ /* Top blogs */ .topblog .blogtop { background: #dfdfdf; padding: 5px 5px 2px 5px; position: relative;/*ie6*/ } .topblog .bloc { background: #fff url('../img/new/portal2-3/body/blog-top.png') bottom left repeat-x; height: 50px; overflow: hidden; margin-bottom: 3px; position: relative; } .topblog .bloc .number { color: #f49a1d; display: block; font-family: Georgia,serif; font-size: 36px; font-style: italic; left: 6px; line-height: 40px; position: absolute; text-align: center; top: 0px; width: 20px; } .topblog .bloc .title { font-size: 15px; line-height: 18px; overflow: hidden; font-style: normal; height: 18px; margin: 15px 0 0 33px; } .topblog .bloc .title a { color: #2b637b; } .topblog .bloc .info { color: #918c87; font-size: 9px; font-style: italic; line-height: 15px; margin: 3px 5px 0 0; text-align: right; } .topblog .bloc .info a { color: #918c87; } .topblog .bloc .info strong { color: #686868; font-size: 10px; } .topblog .blogtoplink { margin-top: 7px; } .lead .topblog { width: 657px; _width: 645px; clear: both; } .lead .topblog .bloc { width: 316px; _width: 310px; float: left; margin-right: 5px; } .lead .topblog .pos_2, .lead .topblog .pos_4, .lead .topblog .pos_6, .lead .topblog .pos_8, .lead .topblog .pos_10 { margin-right: 0; } .topblog .pos_10 .title { margin-left: 45px; } /* end Top des blogs */ /* Yahoo! Ads */ .yahoo_text_ads { font-family: Georgia, serif; font-size: 13px; } .yahoo_text_ads h3 { padding-left: 16px; } .yahoo_text_ads ul { padding-left: 3em; } .yahoo_text_ads li a { color: #558295; background: url('../img/new/portal2-3/body/sprite.png') -10px -166px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); padding-left: 7px; height: 23px; line-height: 23px; } /*End Yahoo! Ads*/ /* Top Communities */ .sidebartop .bloc { background: #ebebeb; padding: 10px; overflow-x: hidden; } .sidebartop .bloc .thumb { float: left; width: 55px; } .sidebartop .bloc .text { float: right; width: 215px; } .sidebartop .bloc .title { font-family: Georgia,serif; font-size: 15px; line-height: 20px; margin: 0; font-style: normal; overflow: hidden; height: 20px; } .sidebartop .bloc .title span { float: left; font-weight: normal; } .sidebartop .bloc .title a { color: #2b637b; } .sidebartop .bloc .title a .icon { float: left; height: 16px; margin: 0; width: 16px; } .sidebartop .bloc p { clear: left; } .sidebartop .bloc { background: #ebebeb; padding: 10px; } .sidebartop .bloc .tagslist { float: left; width: 33%; font-size: 0.9em; font-family: Georgia, Serif; } .sidebartop .bloc .tagslist li { line-height: 1.4em; overflow: hidden; height: 1.4em; } .sidebartop .bloc .tagslist a { padding-left: 6px; color: #558295; background: url('../img/new/portal2-3/body/sprite.png') -10px -168px no-repeat; _background-image: url('../img/new/portal2-3/body/sprite.gif'); } .sidebartop .bloc .tagslist a:hover { color: #f49a1d; } .lead .sidebartop .bloc .tagslist { width: auto; float: none; } .lead .sidebartop .bloc .tagslist li { float: left; width: 50%; font-size: 1.2em; line-height: 1.5em; height: auto; } /* end Top Communities */   .seok li { background: url("../img/new/portal2-3/body/sprite.png") no-repeat scroll -10px -161px transparent; color: #558295; padding-left: 10px; font-size: 16px; font-family: georgia, serif; } /* @end SEO Keywords*/ /* end Modules Sidebar*/   body.signup #header { height: 59px; } body.signup #header .nav { display: none; } div.signup { text-align: center; } .signup .warning { text-align: left; margin: 20px auto 0; height: 50px; width: 541px; } .signup .cgu { padding: 0 0 20px; }   .signup .hook { background: #fff url('../img/new/portal2-3/body/signup-carousel.jpg') top left no-repeat; text-align: left; margin: 20px auto; height: 100px; width: 620px; } .signup.sfr .hook { background-image: url('../img/new/portal2-3/body/signup-carousel-sfr.jpg'); } .signup .hookMigration { background: #fff url('../img/new/portal2-3/body/signup-cartons.png') top left no-repeat; text-align: left; margin: 20px auto; height: 100px; width: 620px; } .signup .hookMigration h1 { padding-bottom: 0px; font-weight: normal; padding-left: 190px; } .signup .hookMigration h2 { font-size: 20px; margin-bottom: 20px; padding-left: 190px; } .signup .hook h1 { padding-bottom: 0px; font-weight: normal; padding-left: 210px; } .signup .hook h2 { font-size: 20px; margin-bottom: 20px; padding-left: 210px; } /* @end accroche */   #signupForm { margin: 20px auto; width: 601px; background: ; text-align: center; background: #fff url('../img/new/portal2-3/body/signup-formtop.jpg') top center no-repeat; } #signupForm ul { margin: 0 0 20px; } #signupForm ul li { padding: 20px 0; margin: 0 20px; border-bottom: 1px solid #eee; text-align: left; } #signupForm label { font-size: 16px; font-weight: bold; margin-top: 20px; margin-left: 10px; } #signupForm .hint { font-style: italic; color: #999; } #signupForm ul li:hover .hint { color: inherit; } #signupForm .fieldsContainer { border: 1px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; background: #fff url(../img/new/portal2-3/body/biginput-bg.jpg) repeat-x scroll left 1px; } #signupForm .fieldsContainer.focus { border: 1px solid #333; } #signupForm .fieldsContainer.invalid { border: 1px solid #A93330; } #signupForm .fieldsContainer.invalid.focus { border: 1px solid #C93D3B; } #signupForm .fieldsContainer.valid { border: 1px solid #68A53F; } #signupForm .fieldsContainer input, #signupForm .fieldsContainer span { /*padding: 8px;*/ font-size: 20px; font-family: Georgia, serif; color: #000; line-height: 27px; *height: 27px; } #signupForm .fieldsContainer input { padding: 8px; } #signupForm .fieldsContainer .textField { width: 544px; margin: 0 auto; line-height: 27px; color: #000; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; outline: none; } #signupForm #showpasswd { position: absolute; bottom: 2px; right: 2px; display: none; font-size: 10px; color: #626262; } #signupForm #showpasswd:hover { color: #333 !important; } #signupForm #protocol { *position: absolute; width: 60px; line-height: 27px; margin: 8px 0 8px 8px; } #signupForm #insc_blogName, #signupForm #OBBlogUrl { width: 280px; padding-left: 0; *padding: 6px 0; *padding-left: 61px; outline: none; } *+html #signupForm #insc_blogName, *+html #signupForm #OBBlogUrl { padding-left: 70px; padding-top: 8px; } #signupForm #domainContainer { position: relative; margin-left: 0; width: 160px; border: 1px solid transparent; margin: 0; } #signupForm #selectedDomain { padding: 0; margin: 0; *display: none; } #signupForm #insc_domain { opacity: 0; margin: 8px 0 0; -moz-opacity: 0; width: 160px; left: 0; position: absolute; font-size: 20px; font-family: Georgia, serif; } #signupForm #domainContainer.focus { border: 1px dotted #ccc; } #signupForm #captcha { position: absolute; margin: 8px; } #signupForm #insc_captcha { width: 300px; margin-left: 68px; } #signupForm div.error { padding: 5px 10px 0; color: #A93330; line-height: 16px; } #signupForm div.error .icon { background: url('../img/new/portal2-3/body/help.gif') no-repeat -48px 0; float: left; height: 16px; margin-right: 5px; width: 16px; background-position: -16px 0; } /* @end signupForm */   .signup .connect { text-align: center; margin: 20px; } /* @end signupConfirm */   #supportForm fieldset, fieldset.phoneSupport { margin-top : 10px; } #supportForm .notification_error { display: none; } #supportForm fieldset p, fieldset.phoneSupport p { margin-top : 10px; } fieldset.details .details_2 { display: none; } #supportForm .origin ul li{ min-height: 20px } #supportForm .origin label { text-align: left; width: auto; } #supportForm .origin input { float: left !important; margin-right: 10px; } #supportForm .payment ul.payment_icons { margin: auto; width: 450px; } #supportForm .payment ul.payment_icons li { width: 60px; float: left; margin-left: 15px; margin-right: 15px; clear: none; text-align: center; } #supportForm .payment ul.payment_icons li label{ background-image: url('../img/new/portal2-3/body/sprite-icons-micropayment.png'); background-repeat: no-repeat; background-position: 100px 0; width: 60px; height: 67px; text-indent: -9999px; font-size: 0px; cursor: pointer; } #supportForm .payment ul.payment_icons li label.icon_phone { background-position: 0px 0px; } #supportForm .payment ul.payment_icons li label.icon_sms { background-position: -88px 0px; } #supportForm .payment ul.payment_icons li label.icon_visa { background-position: -178px 0px; } #supportForm .payment ul.payment_icons li label.icon_hipay { background-position: -270px 0px; } #supportForm .payment ul.payment_icons li label.icon_paypal { background-position: -363px 0px; } #supportForm .details #publicationDate { text-align: center; width: 70px; } #supportForm #phoneNumber, #supportForm #phoneOperator, #supportForm #numberComposed { width: 150px; } #supportForm select { width: 50px; } #supportForm .informations textarea{ height: 200px; width: 580px; } #supportForm .submit{ text-align : right; } fieldset.phoneSupport { padding-bottom: 20px; } .supportResponse p{ margin-top : 10px; margin-bottom : 10px; } .supportResponse ul { padding-left: 30px; } .supportResponse ul li{ line-height:18px; list-style-type:square; margin-bottom:5px; } /* @end Payment Support */ /* @end signup */