/* Theme Name: Mhc Art Design Theme URI: http://wordpress.org/ Description: Le th�me cr�� pour Mhc Art Design. Version: 1.0 Author: Julien Guilmont, Jean-Baptiste Durand, Gaspard Bonne Author URI: http://hetic.net/ Tags: The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ *{margin:0;padding:0;} body { background-color:#0a0b0b; font: 13px "Trebuchet MS",Arial,sans-serif ; color:#262E41; } #page { background:url("images/mhc_home_bg_content.gif") repeat-y; } #header { background-image:url("images/mhc_home_bg_top.gif"); } #content { background:url("images/mhc_home_bg_content.gif") repeat-y; } #navigation { list-style: 0 ; background: url("images/mhc_home_menu_bgnl.gif") top left repeat-x; } #navigation div a { background: url("images/mhc_home_menu_bg.gif") repeat-x; color:#262E41; font: 12px "Trebuchet MS",Arial,sans-serif ; line-height: 25px ; } #footer{ background:#000000; } #blank_bottom { background:#FFFFFF; } h2 { color: #bed1d9; font-size:14px; line-height:25px; margin-bottom:10px;} h3 { color: #FFFFFF; font-size:12px; line-height:12px; font-weight:normal;} a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; } a:hover { color: #147; text-decoration: underline; } /* End Typography & Colors */ /* Begin Structure */ body { padding:0; margin:0; } #page { width:800px; margin:auto; background-color:#FFFFFF; } #header { padding:0; margin:0; } .fil_ariane, .fil_ariane a{ margin: 5px 0 0 2px; text-decoration:underline; color:#CCCCCC; } #headerimg { width:800px; margin:auto; height:325px; background-color:#FFFFFF; } #headerimg div object { margin-left:2px; } #navigation { width:796px; margin:0 2px; padding: 0 ; height:25px; } #navigation div { height:25px; } #navigation div a { padding: 4px 6px ; margin:0; text-align: center ; } #navigation div a:hover, #navigation div a:focus, #navigation div a:active { background: #342E2E; color:#FFFFFF; text-decoration:none; } #content .date{margin:0 0 15px 0;} .menu_actif { float:left; line-height: 24px ; padding: 0 6px ; background: #342E2E; color:#FFFFFF; text-decoration:none; } .menu_normal { float:left; } .menu_separateur { float:left; width:1px; padding:0; margin:0; line-height: 24px ; background: url("images/mhc_home_menu_separator.gif") repeat-x; } .menu_newsletter, #MailPress { float:right; background: url("images/mhc_home_menu_bgnl.gif") repeat-x; line-height: 24px ; padding: 0 6px; font-size:10px; font-weight:bold; } .search_text_newsletter, .MailPressFormEmail { height:16px; } .search_bt_newsletter, .MailPressFormSubmit { height:18px; width:20px; border-style:none; cursor:pointer; color:#FFFFFF; font-weight:bold; font-size:10px; margin:2px 0 2px 0; background-color:#7e8892; } .search_bt_newsletter:hover, .MailPressFormSubmit:hover{ background-color:#969ea6; } #content{ padding:20px 10px 10px 20px; /*padding:0 15px;*/ margin: 0; vertical-align:top;} #content div{ color:#FFFFFF; display:block; } #content div p{ text-align:left; padding:0; margin:0; } #content div h1, #content h1{ color:#FFFFFF; font-family:Georgia,serif ; font-size:18px; font-weight:normal; padding:0 0 5px 0; margin:0; } li { list-style-position:inside; list-style-image: url("images/puce.gif"); } .bt_news{ padding:15px 0 0 0; display:block; float:right;} .bt_prestations{ float:right;margin:10px 0; background:url("images/mhc_bg_prestations.gif") no-repeat; width:115px; height:39px; display:block; text-align:center; padding:1px 0 0 0; color:#333333; font-weight:bold; } .bt_prestations:hover { color:#FFFFFF;text-decoration:none;} .more-link { margin-top:10px;background:url("images/mhc_bg_lirelasuite.gif") no-repeat; width:78px; height:19px; display:block; text-align:center; padding:1px 0 0 0; color:#333333; font-weight:bold; } .more-link:hover { color:#FFFFFF;text-decoration:none;} .bt_contacteznous { float:right;margin:10px 0; background:url("images/mhc_bg_contact.gif") no-repeat; width:115px; height:29px; display:block; text-align:center; padding:5px 0 0 0; color:#333333; font-weight:bold; } .bt_contacteznous:hover { color:#FFFFFF;text-decoration:none;} .archiveslink a{margin:5px 0 15px 0;clear:both;float:right;color:#BED1D9;} .archiveslink a:hover{color:#FFFFFF;text-decoration:none;} .bt_questions { line-height:15px; float:right;margin:10px 0; background:url("images/mhc_bg_question.gif") no-repeat; width:181px; height:39px; display:block; text-align:center; padding:5px 0 0 0; color:#333333; font-weight:bold; } .bt_questions:hover { color:#FFFFFF;text-decoration:none;} .bt_oeuvre { line-height:15px; margin:10px 0; background:url("images/mhc_bg_oeuvre.gif") no-repeat; width:256px; height:19px; display:block; text-align:center; padding:2px 0 0 0; color:#333333; font-weight:bold; } .bt_oeuvre:hover { color:#FFFFFF;text-decoration:none;} .news_separator{ float:left; width:23px; margin:50px 0 0 0; height:270px; background: url("images/mhc_home_content_pointilles.gif") repeat-y center; } .ancienclient .header{ background-color:#000000; height:9px; width:770px; clear:both;} .ancienclient .footer{ background-color:#000000; height:9px; width:770px; clear:both;} .ancienclient .ac{ width:770px; background-color:#000000; float:left; margin:0; } .ancienclient .ac .content{ padding:0 9px;} .ancienclient .ac .content .image { width:110px; float:left; } .ancienclient .ac .content .texte { width:300px; font-weight:bold; float:left; } .ancienclient { margin:0 0 5px 0;} .conftl { float:left; background:url("images/corner_tl.gif") no-repeat top left; width:9px; height:9px;} .conftr { float:right; background:url("images/corner_tr.gif") no-repeat top right; width:9px; height:9px;} .confbl { float:left; background:url("images/corner_bl.gif") no-repeat bottom left; width:9px; height:9px;} .confbr { float:right; background:url("images/corner_br.gif") no-repeat bottom right; width:9px; height:9px;} #tabarchives { width:770px; } #tabarchives, #tabarchives td, #tabarchives tr, #tabarchives th { border:0; border-collapse: collapse; vertical-align:middle;} #tabarchives .date { background:#000; width:94px; height:36px; } #tabarchives .extract { background:#000; width:305px; height:36px;} #tabarchives .client { background:#000; width:140px; height:36px; } #tabarchives .link { background:#000; width:232px; height:36px; } #tabarchives tr {border-top:1px solid #ccc;} #tabarchives th { color:#666666; font-weight:bold; } #tabarchives .date { color:#bed1d9; font-weight:bold; text-align:center; } #tabarchives .extract { color:#FFFFFF; font-weight:bold; text-indent:15px; } #tabarchives .client { color:#FFFFFF; font-weight:bold; text-indent:15px; } #tabarchives .link a { position:relative; right:20px; color:#bed1d9; font-weight:bold; text-decoration:underline;} #tabarchives .link a:hover { color:#FFFFFF; } #tabarchives .link { text-align:right; } #blocExpertise { width:360px; float:left; background:url("images/border_td_out.jpg") top right repeat-y; margin-bottom:20px; } #blocExpertise .content { width:350px; float:left; } #blocExpertise .content img { float:left; margin: 5px 5px 5px 0;} #blocExpertise .content h2 { clear:both; margin: 10px 0 0 0; } #blocExpertise .content p { text-align:left; } #blocOeuvre { width:400px; float:left; text-align:center;} #oeuvre {display:block; vertical-align:middle;} #oeuvre .imagegallerie img { padding:10px 0 10px 0; } #oeuvre .imagegallerie { float:right; text-align:center;} #oeuvre .imagegallerie .titre { text-align:left; margin-bottom:10px; } #oeuvre .arrowl { float:right; background:url("images/mhc_arrow_left.gif") no-repeat; width:8px; height:12px; display:block; margin:140px 20px 20px 20px; } #oeuvre .arrowr { float:right; background:url("images/mhc_arrow_right.gif") no-repeat; width:8px; height:12px; display:block; margin:140px 20px 20px 20px; } #oeuvre .arrowl:hover { background:url("images/mhc_arrow_left_over.gif") no-repeat; } #oeuvre .arrowr:hover { background:url("images/mhc_arrow_right_over.gif") no-repeat; } #contactrightpart { float:right; width:284px; text-align:center;} #contactright{ background:url("images/fond_contact.jpg") top left no-repeat; width:193px; height:374px; margin:0 0 30px 40px;} #contactright p{ position:relative; top:170px; left:35px; color:#d0d2d4; font-weight:bold;} #contactleftpart { float:left; width:484px; } .sendbutton{ border:0; line-height:15px; margin:10px 0; background:url("images/mhc_bg_envoieContact.gif") no-repeat; width:205px; height:22px; display:block; text-align:center; padding:0px 0 0 0; color:#333333; font-weight:bold;} .sendbutton:hover{ color:#FFFFFF; } .cf-sb input{ display:block; margin-left:120px;} .cf-fs1, .cf_hidden { border:0px; } .cf-fs1 legend { display:none; } .cf-ol label {padding:2px; font-weight:bold; float:left;padding-left:20px; width:120px;display:block; } .cf-ol input, .cf-ol textarea { font-size:12px; font-family:Arial,sans-serif; padding:3px; display:block; float:left; background-color:#d0d2d4; border:0;} .cf-ol li{ height:30px; display:block;} .cf-ol #li--1 input, .cf-ol #li--2 input { width:150px; } .cf-ol #li--3 input { width:200px; } .cf-ol #li--1, .cf-ol #li--2, .cf-ol #li--3, .cf-ol #li--4, .cf-ol #li--5, .cf-ol #li--6 { background:#000000; width:448px;} .cf-ol #li--3 { margin-bottom:20px;} .cf-ol #li--1, .cf-ol #li--4 { background:#000000 url("images/contact_tab_head.gif") top left no-repeat; width:448px; display:block; padding-top:15px;} .cf-ol #li--3, .cf-ol #li--6 { background:#000000 url("images/contact_tab_foot.gif") bottom left no-repeat; width:448px; display:block; padding-bottom:15px; } .cf-ol #li--6{ height:150px;} #usermessagea, #usermessageb { color:#bd0000; background: url("images/contact_bg_message.gif") top left no-repeat; width:449px; height:64px; text-align:center; padding-top:25px;} .linklove { display:none; } .clear { clear: both; } #footer{ color:#666666; width:796px; margin:0 2px; padding: 0 ; height:25px; display:block; line-height:25px; } #footer a:hover { color:#FFFFFF; } .footer_menu, .footer_menu a{ color:#666666; } .footer_contact img{/*vertical-align:bottom !important;*/width:17px;height:24px;display:block;float:left;margin:0 5px 0 0 ;} .footer_contact, .footer_contact a{ color:#666666; padding:0; margin:0; } .footer_search {display: inline; margin: 0;} .footer_bt_search {vertical-align:bottom;} .footer_text_search{height:14px;width:100px;font-size:10px;margin:0;padding:0;vertical-align:middle !important;vertical-align:bottom;} #footer div{ text-align:center; float:left; border-width:0 0 0 1px; border-style: solid; border-color:#666666; padding:0 5px; height:25px; } #blank_bottom { height:2px; } .ddsg-wrapper ul li { list-style:none; text-indent:25px; margin-top:10px; } .ddsg-wrapper ul li ul li{ list-style:circle; list-style-position:inside; list-style-image: url("images/puce.gif"); text-indent:50px; margin-top:0px;} .ddsg-wrapper ul li ul li a, .ddsg-wrapper ul li a { color:#BED1D9;} .ddsg-wrapper h2 { display:block; padding-left:5px; margin:2px; background-color:black; width:600px;} .ddsg-wrapper { margin-bottom:20px;} /* End Structure */ /* Begin Images */ p img {padding: 0;max-width: 100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } #headerimg p { float:left; } .banner{ float:right; } #headerimg object{margin-left:2px;} .logo { float:right; padding:125px 0 0 0; } /* End Images */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* End Various Tags & Classes*/