/* Theme Name: mySuiteblog.com Theme URI: http://www.zeni.fr/ Description: the original theme of mySuiteblog.com website Version: 2.0 Author: ZENI groupe Keyrus Author URI: http://www.zeni.fr/ Creation Theme by ZENI groupe Keyrus || http://www.zeni.fr */ /* -------------------------------------------------------------- * Resets default browser CSS. -------------------------------------------------------------- */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ body{line-height:100%; margin:0px; padding:0px; background:#e3e3e3 url(./images/bg_body.gif) 0% 0% repeat-x; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ *{padding:0px; margin:0px;} img{border:none; vertical-align:top} a img{border:none; vertical-align:top;} .left{float:left} .right{float:right} a{text-decoration:none; color:#F24024; font-size:11px;} fieldset{border:0px; float:none; clear:both; width:auto; margin:0px; padding:0px;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #the-container{width:1000px; margin:auto; position:relative; z-index:999} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #header{background:url(./images/bg_header.jpg) no-repeat right top; height:134px; position:relative} *html #header{height: 137px;} #header h1{background:url(./images/logo_mysuiteblog.gif) no-repeat left top; width:227px; height:134px; text-indent:-999999999px; overflow:hidden; zoom: 1;} #header h1 a{display: block; float: left; width:163px; height: 100%;} #header h1 a.brand{width:64px} #lang{position:absolute; right:20px; top:0px; color:#b5b5b5; font-size:12px;} #lang img{margin:3px;} #search{float:right; position:absolute; bottom:6px; right:28px; width:173px; overflow:hidden} #search input.search-txt{width:155px; border:0px; background:url(./images/bg_input_search.gif) no-repeat left top; height:17px;font-size:10px; color:#434343;padding:2px 0px 0px 18px} #search #btn-action{position:absolute; right:3px; top:4px; padding:0px;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #menu-pricipal{padding:5px 15px;_padding:2px 15px;} #menu-pricipal li{list-style:none;display:inline; padding:5px 12px 7px 12px; background:url(./images/menu_separator.gif) no-repeat left} #menu-pricipal li.first{background:none} #menu-pricipal li a{font-size:14px;font-size:13px;font-weight:bold;color:#fff;} #menu-pricipal li a:hover{color:#7e4000} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #contents{width:994px; margin:71px auto 30px auto; background:url(./images/shadow_contents.png) repeat-y 0% 0%; float:left} *html #contents{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/wp-content/themes/mysuiteblog/images/shadow_contents.png');} #contents a{position:relative} #contents a.arrow-link{color:#f24024;display:block; margin-top:6px; background:url(./images/picto_fleche.gif) no-repeat left 5px; padding-left:6px; text-decoration:none} #contents a.comments-link{background:url(./images/picto_comment.gif) no-repeat right 3px; padding-right:17px; text-align:left; color:#2c4b64; font-size:11px; text-decoration:underline;} .contents-mysuiteblog{position:relative;padding:20px; width:954px; float:left} .contents-mysuiteblog div.bottom-corner{background:url(./images/corner_bottom_contents.png) no-repeat left bottom; width:994px; height:99px; position:absolute; bottom:-14px; left:0px} .contents-mysuiteblog div.topshadow{background:url(./images/shadow_top_contents.png) no-repeat left top; width:994px; height:8px; position:absolute; top:-6px; left:0px; overflow:hidden} *html .contents-mysuiteblog div.bottom-corner{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/wp-content/themes/mysuiteblog/images/corner_bottom_contents.png');} *html .contents-mysuiteblog div.topshadow{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/wp-content/themes/mysuiteblog/images/shadow_top_contents.png'); height:8px;} /*~~~~~~~~~~~~~~~~~~~~~~~~Col Left ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #contents #col-left{width:551px; float:left; position:relative; z-index:999} #contents #col-left a:hover{text-decoration: underline;} #contents #col-left .post{overflow: hidden; zoom: 1;} #contents #col-left h2.archiveheader{color:#2c4b64; font-size:16px; font-family:'Tahoma'; background:url(./images/bg_ttr_rub.gif) no-repeat left center; height:26px; padding:11px 0px 0px 15px} #contents #col-left h3 a{display: block; border-bottom:1px solid #a3aeb9; color:#5c7486; font-size:11px; padding:0px 0px 2px 0px; text-transform:uppercase; margin:0px; margin-top:30px; font-weight:normal} #contents #col-left h2.big-title, #contents #col-left h3.big-title a{ display: block; line-height: 26px; font-family:'Tahoma'!important; font-size:28px; text-transform:uppercase;color:#f24024; margin:0px; border:none; font-weight:normal;position:relative; bottom:8px; padding-top:15px} #contents #col-left p{text-align:justify;color:#2c4b64; font-size:11px; line-height:normal;} #contents #col-left .post-content img{display:block; margin:15px 0px; width: 554px;} #contents #col-left .post-content p{padding-bottom: 15px;} #contents #col-left .comments-pagin{margin-top:60px;float:left; text-align:center;font-size:11px; color:#a3aeb9; width:100%} #contents #col-left .comments-pagin a{color:#a3aeb9; margin:0px 2px} #contents #col-left .comments-pagin a.curent{color:#2c4b64; font-weight:bold;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~Comments~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #contents #col-left .comment-blog{margin-top:8px;} #contents #col-left .comment-blog img.avatar, #contents #col-left .comment-blog img.photo{float:left;width:88px; height:88px;} #contents #col-left .comment-blog .comment-content{float:left; width:444px; height:66px; background:#eaeaea url(./images/bg_content_profil.gif) repeat-x bottom;padding:11px 9px; position:relative} #contents #col-left .comment-blog .comment-content p span.txt-blue{color:#87b1d3; font-size:11px; font-style:italic;} #contents #col-left .comment-blog .comment-content p span.txt-normal{font-size:11px;color:#2c4b64; } #contents #col-left .comment-blog .comment-content p.info-date{ float:right; text-align:right; width: 135px;} #contents #col-left .comment-blog .comment-content p.ifo-profi{float:left;} #contents #col-left .comment-blog .comment-content p.ifo-profi span.name{font-size:14px; font-weight:bold; color:#2c4b64;} #contents #col-left .comment-blog .comment-content p.lniks-profil{position:absolute; left:0px; bottom:6px; width:444px;left:10px} #contents #col-left .comment-blog .comment-content p.lniks-profil a.arrow-link{margin-top:0px} #contents #col-left .comment-blog .comment-content p.info-date img{display: inline;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~Col Right~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #contents #col-right {float:right; width:376px; position:relative; z-index:9999; min-height:786px; margin-bottom: 68px;} *html #contents #col-right {height: 786px;} #contents #col-right .left-modules{width:188px; float:left; height:282px;} #contents #col-right .right-modules{ float:left; width:183px;height:282px; margin-left:2px} /*~~~~~~~~~~~~~~~~~~~~~~~~~~Col Modules~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~Start Module Publicité */ #contents #pub-mod{} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module Publicité */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~Start Module Catégories */ #contents .widget_categories{width:177px; float:left; margin-top: 20px;} #contents .widget_categories h2{font-size:14px; color:#2c4b64; background:url(./images/bg_border_menucat.gif) no-repeat left bottom; padding-bottom:6px; margin-bottom:10px; font-weight:bold; font-family:'Tahoma';} #contents .widget_categories ul{padding:0px; margin:0px;} #contents .widget_categories li{font-size:11px; display:block; color:#2c4b64; padding-bottom:2px; font-weight:bold} #contents .widget_categories li a{font-size:11px;color:#2c4b64;} #contents .widget_categories li a:hover{text-decoration:underline} #contents .widget_categories li li{color:#87b1d3; font-weight:normal; line-height:18px; margin-left:10px;} #contents .widget_categories li li a{color:#87b1d3; font-weight:normal} #contents .widget_categories li li a:hover{text-decoration:underline} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module Catégories */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~Start Module Suiteadvisor */ #suite-advisor-mod{margin-top: 20px; background:url(./images/bg_suite_advisor.gif) no-repeat left top; width:165px; height:203px; padding:16px 0 16px 21px; float:right} #suite-advisor-mod h2{background:url(./images/border_ttr_colright.gif) no-repeat left bottom; float:left; width:100%;height:30px; margin-bottom:3px; } #suite-advisor-mod h3{float:left; font-size:12px; color:#2c4b64;} #suite-advisor-mod h3 a{color: #2C4B64;} #suite-advisor-mod h3 span{font-size:9px; word-spacing:-1px; white-space:nowrap; display:block; } #suite-advisor-mod h4{color:#f24024; font-size:12px; font-weight:bold;} #suite-advisor-mod .hotel-offre div.contents-offre{width:75px; height:69px; background:url(./images/bg_suitehotel.gif) no-repeat left top; float:left; position:relative;} #suite-advisor-mod .hotel-offre div.contents-offre{width:75px; height:69px; background:url(./images/bg_suitehotel.gif) no-repeat left top; float:left; position:relative;} #suite-advisor-mod .hotel-offre div.contents-offre p.ratings-numbers{position:absolute; left:23px; top:6px;} #suite-advisor-mod .hotel-offre div.contents-offre p.ratings-numbers span{color:#f24024; font-size:18px; display:block;} #suite-advisor-mod .hotel-offre div.contents-offre p.ratings-numbers span.topfigure{padding:3px 5px; border-bottom:1px solid #2c4b64; margin-bottom:2px;} #suite-advisor-mod .hotel-offre div.contents-offre p.ratings-numbers span.bottomfigure{color:#2c4b64; padding:0px 5px;} #suite-advisor-mod .hotel-offre div.contents-offre p.ratings-numbers span small{font-size:14px} #suite-advisor-mod .hotel-offre div.contents-offre .savoirplus{position:absolute; bottom:2px; left:8px; font-size:10px;} #suite-advisor-mod .hotel-offre img{display: block; width: 69px; height: 69px;} #suite-advisor-mod select{font-size:10px;color:#2c4b64;width:144px; height:16px; border:1px solid #a2a2a2; margin-top:5px;} #suite-advisor-mod input.btn-suiteadvisor{float:right; margin:5px 19px 0 0;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module Suiteadvisor */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~START Module Newsletter */ #news-mod{margin:10px 0px; float:left; width:376px; height:47px; background:url(./images/bg_newsletter.gif) no-repeat left; position:relative; overflow:hidden; zoom:1} #news-mod form{position:absolute; top:15px; left:20px} #news-mod form input.news-email{width:140px; font-size:10px; color:#2c4b64; border:1px solid #a1a3a2; height:14px; background:#fff url(./images/arrow_gray.gif) no-repeat 5px 3px; padding-left:10px; } #news-mod form .btn-news{font-size:11px; color:#1a2545; background:url(./images/btn_news.gif) no-repeat right 3px; width:180px; height:18px; border:0px; padding-right:15px; cursor:pointer} #subscribe2{display:none;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module Newsletter */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~START Module RSS */ #rss-mod{margin:0px 0px 10px 0px} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module RSS */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~START Module Proposez un article */ #article-mod{width:184px; height:94px; background:url(./images/bg_proposez_article.gif) no-repeat left; float:left} #article-mod h2{margin:18px 0px 15px 48px;} #article-mod .links-proposez-article{margin:0px 0px 0px 13px;_margin:0px 0px 0px 6px;} #article-mod .links-proposez-article a{ font-size:10px; color:#fff; text-decoration:none; background:url(./images/btn_mod_proposez_article.gif) no-repeat; width:68px; height:16px; position:relative; margin-left:8px; display:block; float:left; text-align:center} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module Proposez un article */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~START Module site Partenaires */ #partenaires-mod{clear: both; float: left; min-height: 124px; background:url(./images/bg_site_partenaires_top.gif) no-repeat left top; width:200px; margin-left: -8px;} *html #partenaires-mod{height:124px;} *html #partenaires-mod a{position:relative; z-index:1;} #partenaires-mod h2{overflow:hidden; zoom:1; font-size:16px; color:#fff; padding: 24px 0 0 24px;} #partenaires-mod ul{float: left; width: 172px; min-height: 30px; padding:8px 0 61px 28px; background:url(./images/bg_site_partenaires_bottom.gif) no-repeat left bottom;} *html #partenaires-mod{height:30px;} #partenaires-mod li{list-style:none;display:block; float:left; width:100%; position:relative;} #partenaires-mod li a{background:url(./images/arrow_white.gif) no-repeat left 5px;padding-left:8px; font-size:11px; color:#fff; text-decoration:none; display:block; position:relative; z-index:1;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module site Partenaires */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~START Module Nomad Sphere */ #nomadsphere-mod{float:left; background:url(./images/bg_mod_nomadsphere.gif) no-repeat left top; width:141px; height:174px; padding:17px 21px; overflow:hidden} #nomadsphere-mod h2{background:url(./images/border_ttr_colright.gif) no-repeat left bottom; padding-bottom:5px; height:55px;} #nomadsphere-mod li{list-style:none;} *html #nomadsphere-mod li{height: 1%;} #nomadsphere-mod li a{padding-left:8px;text-decoration:none; display: block; line-height: 12px;} *+html #nomadsphere-mod li a{line-height: 10px;} *html #nomadsphere-mod li a{line-height: 10px;} #nomadsphere-mod ul.list1 {height: 75px; overflow: hidden;} #nomadsphere-mod ul.list1 li {padding-top: 5px;} #nomadsphere-mod ul.list1 li a{background:url(./images/arrow_nomadsphere1.gif) no-repeat 0 5px; font-size:11px; color:#2c4b64; text-decoration:underline;} *+html #nomadsphere-mod ul.list1 li a{background-position: 0 8px;} #nomadsphere-mod ul.list1{margin:6px 0px 0px 0px;} *+html #nomadsphere-mod ul.list1{height: 80px; margin-top: 0;} #nomadsphere-mod ul.list2 li a{background:url(./images/arrow_nomadshpere.gif) no-repeat 0 5px; font-size:10px; color:#f24b31; line-height: 10px;} *+html #nomadsphere-mod ul.list2 li{padding-top: 0; margin-top: -5px;} *+html #nomadsphere-mod ul.list2 li a{background-position: 0 8px;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module Nomad Sphere */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~START Module Club Ambassadeur */ #clubambassadeur-mod{margin-left:2px; margin-top:10px; float:right; width:176px; height:37px} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module Club Ambassadeur */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~END Module */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~ fond Pub*/ #pub-global{position: absolute; overflow:hidden;z-index:0; top:0; left:0; width: 100%; text-align: center; top:161px; background:none} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Decline : Article styles */ .add-comment{background:url(./images/bg_add_comment.gif) no-repeat left top; width:562px; height:236px; display:block; float:left; margin-top:20px; margin-left:-5px; margin-bottom:15px;} .contact{background-image:url(./images/bg_contact.gif);} .add-comment h2{color:#2c4b64; font-size:14px!important; padding:20px 0px 0px 55px!important; background:none!important; margin:0px; height:auto} .add-comment form{margin-left:21px;} .add-comment form .line{padding-bottom: 5px; overflow: hidden; _zoom: 1;} .add-comment form label{display:block; font-size:11px; color:#2c4b64; margin-top:10px;} .add-comment form label.text{display:block;} .add-comment form input{width:251px; height:15px; border:1px solid #a2a0a1; margin-right:10px; font-size:11px; color:#2c4b64;} .add-comment form textarea{width:515px; height:76px; border:1px solid #a2a0a1;; font-size:11px; color:#2c4b64; overflow:hidden} .add-comment div.btn-comment{margin-top:5px; float:right; position:relative; right:18px} .add-comment div.btn-comment #btn-comment{width:95px; height:21px; background:url(./images/btn_comment.gif) no-repeat left top; text-align:center; padding-right:16px; font-weight:bold!important;font-size:11px!important;text-transform:uppercase; border:0px; color:#fff; cursor:pointer; padding-left:8px; margin:0px!important; font-family:'Tahoma';} .add-comment .logged{padding-top: 30px;} .comment{font-size:11px; color:#2c4b64; line-height:normal; text-align:justify; float:left; width: 552px;} .comment p{ margin-bottom:20px;} .comment p.header-comment{background:url(./images/puce_comment.gif) no-repeat left 3px; padding:0px 0px 0px 20px; margin-bottom:7px;} .comment p.header-comment span.name{color:#f24024; font-weight:bold} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Decline : Profil */ #col-left .profil{background:url(./images/bg_profil.gif) no-repeat left; overflow:hidden; padding:4px; width:550px; height:88px; float:left; margin-bottom:15px;} #col-left .article{background:url(./images/picto_article.gif) no-repeat left; color:#f24024; font-size:12px; padding-left:20px; display:block} #col-left .profil img{height:88px; width:88px; float:left} #col-left .profil p{padding:5px 0px 0px 37px; font-size:12px; color:#2c4b64; text-align:left; float:left} #col-left .profil p span.name{font-size:18px; display:block} #col-left .profil .article{padding:5px 0px 5px 20px; margin-top:15px} #col-left .article-profil{float:left; margin-bottom:25px; width: 100%;} #col-left .article-profil h2, #col-left .article-profil h2 a{font-size:16px!important; color:#f24024!important; margin-bottom:0px; background:none!important; padding:0px!important; font-weight:normal; height:auto!important; margin-bottom:8px} #col-left .article-profil p{font-size:11px; color:#2c4b64; width:100%; float:left} #col-left .article-profil p.read-rest{padding-bottom: 8px;} #col-left .article-profil p.info-article{border-bottom:1px solid #a3aeb9; padding-bottom:8px; margin-bottom:8px;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Pagination */ .wp-pagenavi a, .wp-pagenavi span{background-color: transparent !important; border: none !important;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Error */ /*.ajax_comments_error, .form-error{background-color:#f24024; color:#fff; font-size:14px; font-weight:bold; margin-top:20px; padding:10px;}*/ .ajax_comments_error, .form-error{background: transparent url(./images/bg_error_top.gif) no-repeat 0 0; margin-top:20px; width:562px; margin-left: -5px} .ajax_comments_error span, .form-error span{display: block; background: transparent url(./images/bg_error_bottom.gif) no-repeat 0 100%; padding: 20px 20px 20px 70px; width: 472px; color: #fff; font-size: 14px;} .ajax_comments_success, .form-success{background: transparent url(./images/bg_success_top.gif) no-repeat 0 0; margin-top:20px; width:562px; margin-left: -5px} .ajax_comments_success span, .form-success span{ display: block; background: transparent url(./images/bg_success_bottom.gif) no-repeat 0 100%; padding: 24px 20px 20px 70px; width: 472px; color: #fff; font-size: 14px; } div.ajax_comments_error, div.ajax_comments_success { overflow: hidden; } div.ajax_comments_error a, div.ajax_comments_success a{ color: white; font-size:14px; text-decoration: underline; z-index:99; } div.ajax_comments_error p.msg, div.ajax_comments_success p.msg { font-weight: bold !important; margin-left: 80px; color: white !important; font-size: 12px !important; margin-top: 25px; } div.ajax_comments_error ul, div.ajax_comments_success ul { margin-left: 80px; padding: 20px 0px 0px 20px; margin-bottom: -10px; } div.ajax_comments_error ul li, div.ajax_comments_success ul li { color:white; font-size: 12px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Decline : Footer styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footer {width:994px; padding:20px auto 0px auto; display:block; font-size:10px; color:#87b1d3; height:100px; text-align:center} #footer li{padding:0px 15px 15px 0px; display:inline; list-style:none; line-height:25px; background: transparent url(./images/footer-separator.gif) no-repeat right 3px; margin-right: 15px} #footer li.rss{padding-left:20px; padding-bottom:0px; background:url(./images/picto_rss.gif) no-repeat left center;} #footer li a{font-size:10px; color:#2c4b64;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Decline : Form styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #col-left .form-containter{background:url(/wp-content/themes/mysuiteblog/images/shadow_contents_form.gif) repeat-y top left; width:558px; position:relative} #col-left .form-contents{position:relative; height:350px;width:530px; margin:auto; padding:10px; background:#dedede url(/wp-content/themes/mysuiteblog/images/bg_bloc_form.gif) repeat-x top left} #col-left .form-contents span.corners{position:absolute; height:18px; width:558px;overflow:hidden; left:-5px;background:url(/wp-content/themes/mysuiteblog/images/corner_form_contents.gif) no-repeat;} #col-left .form-contents span.topcorner{top:0px; background-position:left top} #col-left .form-contents span.bottomcorner{bottom:0px; background-position:left -18px} #col-left .form-contents h2{height:42px!important; padding-left:40px!important; position:relative; z-index:9999; font-size:14px!important; font-family:'Tahoma';} #col-left .form-contents h2.myprofil{background:url(/wp-content/themes/mysuiteblog/images/picto_monprofil.gif) no-repeat left center!important;} #col-left .form-contents h2.posted-article{background:url(/wp-content/themes/mysuiteblog/images/picto_posted.gif) no-repeat left center!important;} #col-left .form-contents h2.connexion{background:url(/wp-content/themes/mysuiteblog/images/picto_connexion.gif) no-repeat left center!important;} #col-left .form-contents h2.register{background:url(/wp-content/themes/mysuiteblog/images/picto_register.gif) no-repeat left center!important;} #col-left .form-contents h2 span{background:none; position:relative; top:5px; left:5px; width:100%; background:url(/wp-content/themes/mysuiteblog/images/border_ttr_form.gif) no-repeat left bottom; padding-bottom:5px; display:block} #col-left .form-contents .update-avatar{background:url(/wp-content/themes/mysuiteblog/images/bg_profil_update.gif) repeat-x left top; width:522px; height:89px; margin:10px auto;} #col-left .form-contents .update-avatar .avatar_placeholder img {} #col-left .form-contents .update-avatar p{float:left; font-size:11px; color:#2c4b64; padding:3px; position:relative; width:413px;} #col-left .form-contents .update-avatar span.name{font-size:14px; font-weight:bold;} #col-left .form-contents .update-avatar a.article{padding-top:5px; padding-bottom:5px;} #col-left .form-contents .update-avatar span.register-date{display:block; position:absolute; top:37px; right:0;width: 200px;text-align:right;} #col-left .form-contents .update-avatar span.register-date img{float: none; display: inline; magin:0 !important;} #col-left .form-contents .update-avatar{position:relative;} #col-left .form-contents .update-avatar div.avatar-file{position:absolute; top:62px; left:100px;} #col-left .form-contents input, #col-left .form-contents select{width:248px; height:15px; border:1px solid #a2a0a1; margin-right:10px; font-size:11px; color:#2c4b64;} *+html #col-left .form-contents select{height: 18px;} #uploadbuttons {position:relative;display:block;width:330px; height:18px;} #uploadbuttons .fileclass{position:absolute;top:0;right:0px;-moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;text-align: left;z-index:2;width:74px; height:16px; cursor: pointer} #uploadbuttons .addfile{position:absolute;top:3px;right:0px;z-index:1;cursor:pointer;} #uploadbuttons .browse span{padding-left: 4px !important;} form#avatar-update #uploadbuttons {position:absolute; top:62px; left:100px; width:400px; padding-bottom:5px; display:block} form#avatar-update #uploadbuttons .addfile{position:absolute;top:3px;right:0px;z-index:1;} form#avatar-update #uploadbuttons .fileclass{position:absolute;top:0;right:-5px;-moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;text-align: left;z-index:2;width:100px; height:20px;cursor:pointer; display:block } form#avatar-update #uploadbuttons label{display:inline; float:left; padding:0px; margin:0px; width:auto; margin-right:5px; vertical-align:middle} #col-left .form-contents label{ font-size:11px; color:#2c4b64; margin-top:10px; display:block} #col-left .form-contents .update-avatar div.avatar-file input{width:auto} #col-left .form-contents .update-avatar div.avatar-file label{display:inline} #col-left .form-contents .update-avatar div{width:252px; _overflow:hidden} #col-left .form-contents .update-avatar div label{display:block; width:100px} #col-left .form-contents .links-form,#col-left .form-contents form#avatar-update .links-form{margin-top:15px; display:block; float:left; width:98%;} #col-left .form-contents a.btn-form{background:url(/wp-content/themes/mysuiteblog/images/left_btn_oronge.gif) no-repeat left top; margin-left:10px;} #col-left .form-contents a.browse {position: relative; top: -28px; cursor:pointer;} #col-left .form-contents a.btn-form input, #col-left .form-contents a.btn-form-blue input{width:auto!important; height:auto!important; border:0px; margin:0px!important; padding:0px!important; background:none; font-weight:bold; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; font-family:'Tahoma';} #col-left .form-contents a.btn-form-blue{background:url(/wp-content/themes/mysuiteblog/images/left_btn_blue.gif) no-repeat left top;} #col-left .form-contents a.btn-form span{background:url(/wp-content/themes/mysuiteblog/images/right_btn_oronge.gif) no-repeat right top;} #col-left .form-contents a.btn-form-blue span{background:url(/wp-content/themes/mysuiteblog/images/right_btn_blue.gif) no-repeat right top;} #col-left .form-contents a.btn-form, #col-left .form-contents a.btn-form-blue {float:right;display:block;font-weight:bold;font-size:11px;text-transform:uppercase;padding-left:10px;margin-top:10px; } #col-left .form-contents a.btn-form span,#col-left .form-contents a.btn-form-blue span {float:left;display:block;padding:3px 25px 5px 0px;cursor:pointer;color:white;} #col-left .form-contents a.btn-form span,#col-left .form-contents a.btn-form-blue span {float:none;} #col-left .form-contents .update-avatar a.btn-poster{text-align:center; background:url(/wp-content/themes/mysuiteblog/images/btn_poster_article.gif) no-repeat left top; display:block; width:166px; height:26px;padding-top:10px; padding-left:5px; font-weight:bold;color:#f24024; font-size:12px; text-transform:lowercase;} #col-left .form-contents.posted{height:440px; *height:460px;} #col-left .form-contents textarea{width:518px; height:115px;overflow:auto;font-size:11px; color:#2c4b64; border:1px solid #a2a0a1; } #col-left .form-contents input#CGU{display:block; float:left; width:auto; vertical-align:middle; padding:0px; margin:10px 5px 0 0;border:none} #col-left .form-contents label.CGU{display:block; float:left; vertical-align:middle; padding:0px; margin:10px 0 0 0; width:400px} #col-left .form-contents label.text{ clear:both} #col-left .form-contents.posted .links-form{margin:0px} #col-left .form-contents.conn{height:148px;} #col-left .form-contents.register{height:226px;} #col-left .form-contents.conn div.right, #col-left .form-contents.conn div.left, #col-left .form-contents.register div.right, #col-left .form-contents.register div.left {width:48%;} #col-left .form-contents.conn p.links-form{float:left; width:100%; margin:0px; padding:0px;} #col-left .form-contents.conn label.passe-register{display:block; float:left; vertical-align:middle; padding:0px; margin:10px 0 0 0;} #col-left .form-contents.conn input#passe-register{display:block; float:left; width:auto; vertical-align:middle; padding:0px; margin:10px 5px 0 0;border:none} #col-left .form-contents.conn a.arrow-link{margin-top:15px;} #col-left .form-contents.register label.CGU{ width:auto} #contents #col-left span.txt-blue { color:#87B1D3; font-size:11px; font-style:italic; } span.register-date img.calendar{ float: right !important; margin-left: 5px; position: relative; } *+html img.calendar{ top: -13px; } div.update_avatar div{ color:#2C4B64; font-size:11px; line-height:normal; float: left; } #avatar_placeholder{ overflow: hidden; height:88px; width:88px !important; float: left; } div.form-contents div#text_decorator{ float: right; margin-right: 10px; } #posted label{ margin-top: 10px !important; } #posted #uploadbuttons{ width: 400px !important; } #col-left .posted input, #col-left .posted select{width:310px; height:15px; border:1px solid #a2a0a1; margin-right:10px; font-size:11px; color:#2c4b64; }