/* ************************************* Theme Name: CGTEC v2009 For: cgtec.eu Author: Michael @ Mkl-prod Author URL: http://mkl-prod.com/ ************************************* */ /*- CSS ----------------------------------------------*/ HTML { font-size: 100%; margin: 0 0 1px 0; height: 100%; width: 100%; overflow: auto;} body { font-size:62.5%; font-family:'Lucida Grande', 'Lucida Sans', Verdana, Arial, Sans-Serif; background:#cbcbcb ; color:#333; text-align:center; margin:0 0 20px; padding:0; } #superwrapper { clear: both; float: left; position: relative; width: 100%; padding: 0; margin: 0; background: url(images/BG.jpg) center top no-repeat; } #home #superwrapper { background: #b4b6bc url(images/BG_home.jpg) center top no-repeat; } #car #superwrapper { background: url(images/BG_auto.jpg) center top no-repeat; } #electric #superwrapper { background: url(images/BG_electric.jpg) center top no-repeat; } #fluidic #superwrapper { background: url(images/BG_fluidic.jpg) center top no-repeat; } #medical #superwrapper { background: url(images/BG_medic.jpg) center top no-repeat; } #wrapper { display: block; width:960px; height: 100%; text-align:left; margin:0 auto; padding:0; } a { color: #666; } a:hover { color:#112d7b; text-decoration:underline; } #car a { color: #bb392f; } #electric a { color: #17b8d8; } #fluidic a { color: #b08b3e; } #medical a { color: #53cdd2; } /*- TITLES ----------------------------------------------*/ h1,h2,h3 { font-family:'Lucida Grande', 'Lucida Sans', Verdana, Arial, Sans-Serif; font-weight:700; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration:none; color:#FFF; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color:#333; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited { color:#06c; text-decoration:none; } /*- DIVERS ----------------------------------------------*/ abbr, span.caps { font-size:0.9em; letter-spacing:.07em; cursor:help; } small { font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em; } hr { display:none; } .clear { clear:both; } select { width:130px; } /* ALIGN */ img { border: none; } p img { max-width:100%; padding:0; } .alignright { float:right; margin-left: 15px; } .alignleft { float:left; margin-right: 15px; } img.centered, .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; } img.alignright { display:inline; margin:0 0 2px 7px; padding:4px 0 4px 7px; } img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px 7px 4px 0; } /* Typo */ acronym, abbr { border-bottom:1px dashed #999; } blockquote { padding-left:20px; border-left:5px solid #ddd; margin:15px 30px 0 10px; } blockquote cite { display:block; margin:5px 0 0; } /* Image */ .wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom: 10px; } .wp-caption img { border:0 none; margin:0; padding:0; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } strong.search-excerpt { background: yellow; } /*- ANNONCE LSR ----------------------------------------------*/ .annonce { display: block; padding: 7px 0 8px 25px; font-size: 13px; color: #fff; text-decoration: none; } .annonce:hover { color: #252525; text-decoration: none; } /*- HEADER (menu) ----------------------------------------------*/ #header { position: relative; height:63px; width:960px; } 11#home #header { height: 43px; padding-top: 30px; } .logo { display: block; float: left; height: 50px; width: 75px; margin: 10px 0 0 0; background: url(images/logo_cgtec.png) no-repeat; text-indent: -9000px; overflow: hidden; } 11#home .logo { margin: 0; background: url(images/logo_cgtec.png) no-repeat; } #header ul.menu { display: block; float: right; padding: 0; margin-top: 36px; list-style: none; list-style-type:none; } #header .menu li { position: relative; float: left; margin: 0; padding: 0; } #header .menu li a, #header .menu li span { display: block; font-size: 14px; color: #bbb; text-decoration: none; height: 27px; padding: 0 10px; } #car .menu li.current_page_item a, #car .menu li.current_page_parent a { color: #bb392f; } #electric .menu li.current_page_item a, #electric .menu li.current_page_parent a { color: #17b8d8; } #fluidic .menu li.current_page_item a, #fluidic .menu li.current_page_parent a { color: #b08b3e; } #medical .menu li.current_page_item a, #medical .menu li.current_page_parent a { color: #53cdd2; } #header .menu li .wrappersubmenu { position: absolute; top: 27px; left: 0; z-index: 999; display: none; float: none; margin: 0; padding: 0 0 0 5px; border: none; background: transparent url(images/menu_BG_left.png) left bottom no-repeat; } #header .menu li ul { padding: 0; list-style-type:none; border: none; background: transparent url(images/menu_BG.png) right bottom no-repeat; } #header .menu li ul li { float: none; padding: 7px 10px 6px; margin: 0 0 0 -5px; border-top: 1px solid #333; } #header .menu li ul li:hover { background: #444; } #header .menu li ul li a { height: auto; margin: 0; font-size: 14px; color: #bbb; text-decoration: none; padding: 0; } #header .menu li ul li.current_page_item { background: #444; color: #bbb; margin: 0 0 0 -5px; padding: 7px 10px 6px; } #header .menu li ul li.current_page_item a { color: #bbb; } #header .menu li:hover ul { display: block; } #header .menu li:hover ul .wrappersubmenu { display: block; } #header .menu li:hover .wrappersubmenu { display: block; } #header .menu li .wrappersubmenu:hover { display: block; } .qtrans_language_chooser { position: absolute; top: 0; right: 0; display: block; padding: 0; } .qtrans_language_chooser li { display: inline; list-style: none; list-style-position: inside; } #header .qtrans_language_chooser li a { padding: 0; font-size: 10px; font-family: Arial; color: #bbb; text-decoration: underline; } #header .qtrans_language_chooser li a { display: block; float: left; width: 18px; height: 12px; margin-left: 15px; border: 1px solid #555; } #header .qtrans_language_chooser li a span { display: none; } .qtrans_language_chooser li.active { } /*- BANNER (submenu + baseline) ----------------------------------------------*/ #banner { float: left; height:145px; width:960px; background: url(images/BG_page_top.png) left bottom no-repeat; } #home #banner { height:152px; width:960px; background: none; } .title { display: block; float: left; margin-top: 25px; letter-spacing: 3px; font-size: 36px; color: #fff; } .subtitle { display: block; float: right; margin: 35px 30px 0 0; font-size: 26px; color: #fff; text-align: right; } #banner .submenu { clear: both; display: block; float: left; height: 30px; padding:0 15px 0 0 ; margin-top: 10px; background: url(images/submenu.png) right -40px no-repeat; } #banner .submenu ul { clear: both; display: block; float: left; height: 30px; width: 755px; margin: 0; padding: 0 0 0 10px; list-style: none; background: transparent url(images/submenu.png) left top no-repeat; } #banner .submenu li { float: left; height: 23px; padding: 7px 0 0 0; margin-right: 8px; list-style: none; list-style-position: inside; } #banner .submenu li a { display:block; float: left; font-weight: bold; font-size: 14px; color: #333; text-decoration: none; } #banner .submenu li.current_page_item a { color: #3b6bb6; } #car .submenu li.current_page_item a { color: #bb392f; } #electric .submenu li.current_page_item a { color: #17b8d8; } #fluidic .submenu li.current_page_item a { color: #b08b3e; } #medical .submenu li.current_page_item a { color: #53cdd2; } #banner .submenu li.current-cat a { color: #3b6bb6; } #banner .submenu li.page-item-85, #banner .submenu li.page-item-829 { float: right; width: 85px; padding: 7px 0 0 12px; background: #444; margin-right: 0;} #banner .submenu li.page-item-85 a, #banner .submenu li.page-item-829 a { color: #fff; } #banner .submenu li.page-item-85.current_page_item a, #banner .submenu li.page-item-829.current_page_item a { color: #3f77b4; } /*soumettre une nouvelle*/ #banner .submenu li.page-item-829 { width: auto; } #home .title { display: block; float: left; margin-top: 30px; width: 220px; font-size: 24px; color: #fff; } #home #banner .sections ul { display: block; float: right; height: 30px; margin-top: 90px; padding: 0 0 0 15px; list-style: none; } #home #banner .sections li { display:block; float: left; height: 23px; padding: 7px 0 0 0; list-style: none; list-style-position: inside; margin-right: 30px; } #home #banner .sections li a { font-weight: bold; font-size: 20px; color: #fff; text-decoration: none; } #home #banner .sections li.page-item-42 { margin: 0; } /*- PAGE (CONTENT) ----------------------------------------------*/ #page { position: relative; display: block; float: left; width: 960px; background: #fff url(images/BG_page.png) repeat-y; } #home #page { background: none; } /*- BREADCRUMB ----------------------------------------------*/ .breadcrumb { display: block; margin-bottom: 30px; } /*- CONTENT ----------------------------------------------*/ #content { display: block; float: left; width:570px; padding: 30px 50px 40px 50px; font-size:1.2em; } #home #content { width:400px; padding: 15px 30px 20px 0; line-height: 1.7em; } #home #content h2 { font-size:16px; } #home #content p { font-size:14px; } .entry { display: block; float: left; padding:0 0 0 0; } .entry h1 { clear: both; display: block; margin: 0 0 0 0; padding: 0; font-size:22px; font-weight: bold; color: #000; } .entry h2 { clear: both; display: block; margin: 30px 0 35px 0; padding: 0 0 30px 0; font-size:16px; font-weight: normal; color: #435F6B; border-bottom: 1px solid #b4b6bc; } #car .entry h2 { color: #bb392f; } #electric .entry h2 { color: #17b8d8; } #fluidic .entry h2 { color: #b08b3e; } #medical .entry h2 { color: #53cdd2; } .entry h3 { clear: both; display: block; margin: 0; margin:30px 0 10px 0; padding: 0; background: none; font-size:14px; color: #000; } .entry h4 { clear: none; float: none; display: inline; font-size: 12px; font-weight: bold; color: #ff6600; } #car .entry h4 { color: #bb392f; } #electric .entry h4 { color: #17b8d8; } #fluidic .entry h4 { color: #b08b3e; } #medical .entry h4 { color: #53cdd2; } .entry a { color: #435F6B; } .entry a:hover { color: #666; } .entry p { margin: 5px 0 10px 0; } .entry p a:visited { color:#b85b5a; } html>body .entry ul { margin-left:0; list-style:none; text-indent:-10px; padding:0 0 0 10px; } html>body .entry li { margin:7px 0 8px 10px; } .entry ul li:before { margin-left: 10px; content:"\00BB \0020"; } *html .entry ul li, *+html .entry ul li { margin: 10px; list-style-image: url(images/bullet.png); } h1 { clear: both; display: block; margin: 0 0 30px 0; padding: 0; font-size:22px; font-weight: bold; color: #000; } .narrowcolumn .post { display: block; float: left; width: 100%; } .widecolumn .post { display: block; float: left; width: 100%; padding-bottom: 40px; border-bottom: 1px solid #d2d3d7; margin-bottom: 35px; } .post h2 { display: block; margin: 0 0 5px 0; font-size:18px; color: #000; } .post h2 a, h2 a:visited { font-size:18px; color: #000; } .post h2 a:hover { color: #333; } .post .date { font-size: 12px; color: #666; } .post .postentry { display: block; width: 100%; padding: 10px 0; } .post p { margin: 5px 0 10px 0; } .tag-fiche-matiere .postentry a , .fiche-matieres .postentry a { display: block; float: left; height: 132px; width: 120px; text-indent: -900px; overflow: hidden; margin:-15px 25px 20px -10px; text-align: left; background: url(images/fiche2.png) left 0 no-repeat; } .tag-fiche-matiere .postentry a:hover, .fiche-matieres .postentry a:hover { background: url(images/fiche2.png) left -134px no-repeat; } .tag-fiche-matiere .postmetadata { clear: none; display: block; float: left; margin-top: 10px; font-size: 12px; color: #999; } .category-fiche-matieres-liste { list-style: none; padding: 0; margin: 0; line-height: 1.9em; } .category-fiche-matieres-liste li { display: block; } .category-fiche-matieres-liste li a { padding: 2px 0 2px 25px; font-size: 12px; color: #666; background: url(images/fiche.png) left 1px no-repeat; } .category-fiche-matieres-liste li a:hover { color: #114477; font-weight: bold; background: url(images/fiche.png) left -25px no-repeat; } .fiche_mat { clear: both; display: block; float: left; width: 570px; margin-top: 30px; font-size: 14px; } .postmetadata { clear: both; display: block; width: 550px; font-size: 12px; color: #999; } .alt { margin:20px 0 0 0; padding:0; } /* .alt { background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:10px 0 0 0; padding:10px; } */ .postmetadata a { color: #999; } .postmetadata ul, .postmetadata li { display:inline; list-style-type:none; list-style-image:none; } /*- NAVIGATION ----------------------------------------------*/ #navigation { display:block; clear: both; margin-top: 20px; float: left; width: 100%; text-align:center; padding: 30px 0 0 0; text-align: center; } #navigation .wp-pagenavi { font-size: 14px; font-weight: bold; } #navigation .wp-pagenavi a { border: none; color: #666; padding:2px 4px; } #navigation .wp-pagenavi a:hover { color: #112d7b; } #navigation .wp-pagenavi span.extend { border: none; color: #666; } #navigation .wp-pagenavi span.current { border: none; color: #112d7b; font-size: 18px; } #navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi .first, #navigation .wp-pagenavi .last { display: none; visibility: hidden; } /*- SIDEBAR (LEFT) ----------------------------------------------*/ #sidebar { display: block; float: left; width:260px; padding: 20px 0 20px 30px; font-size:1.2em; } #home #sidebar { width: 530px; padding: 20px 0; } /* LOGOS */ #sidebar .logos { display: block; float: left; width: 240px; height: 150px; margin: 10px 30px 0 0; line-height: 150px; text-align: center; text-indent: -2000px; overflow: hidden; text-decoration: none; color: #444; font-weight: bold; background: url(images/logos.png) no-repeat ;} #sidebar .logos:hover { text-indent: -15px; background: url(images/logos_up.png) no-repeat ; } /* LAST POST */ #sidebar .lastpost { display: block; float: left; width: 260px; } #sidebar .lastpost h3 { margin: 0 0 10px 0; padding: 0; color: #333; font-size:15px; font-weight: bold; } #sidebar .lastpost ul { margin:0; padding:0; } #sidebar .lastpost li { display: block; padding:12px 0 12px 20px; background: url(images/bullet_welcome.png) left 19px no-repeat; border-bottom: 1px solid #cbcbcb; } #sidebar .lastpost li a { color: #333; font-size:12px; font-weight: bold; text-decoration: none; } #sidebar .lastpost li a:hover { color: #fff; text-decoration: underline; } #sidebar .lastpost li a span { font-size: 11px; color: #cbcbcb; } #sidebar .lastpost .lastpost-readmore { margin-top: 15px; font-size: 11px; color: #666; } /*fiche mat home*/ #sidebar .fichesmatieres { display: block; clear: both; margin: 15px 0 0 0; text-decoration: underline; color: #555; } #sidebar .fichesmatieres h3 { margin: 0 0 10px 0; padding: 0; color: #333; font-size:15px; font-weight: bold; } #sidebar .fichesmatieres:hover, #sidebar .fichesmatieres:hover h3 { color: #fff; } /* POINTS */ #sidebar .points { clear: both; width: 230px; margin-bottom: 30px; } #sidebar .points h3 { margin: 0 0 5px 0; padding: 0; color: #444; font-size:14px; font-weight: bold; } #sidebar .points ul { margin:0; padding:0; } #sidebar .points li { display: block; padding:12px 0 12px 20px; background: url(images/bullet.png) left 19px no-repeat; border-bottom: 1px solid #b4b6bc; color: #333; font-size:13px; font-weight: bold; } /* PHOTOS */ #sidebar .photos { clear: both; float: left; margin-bottom: 30px; } #sidebar .photos h3 { margin: 0 0 20px 0; padding: 0; color: #444; font-size:14px; font-weight: bold; } #sidebar .photobloc { display: block; float: left; } #sidebar .photobloc a { display: block; float: left; width: 100px; height: 100px; padding: 0; margin:0 30px 20px 0; } #sidebar .photobloc a img { width: 90px; height: 90px; border: 5px solid #cbcbcb; } #sidebar .photoexemple { clear: both; display: block; float: left; width: 200px; font-size: 12px; color: #666; text-decoration: none; } #sidebar .photoexemple span { color: #003366; } #car #sidebar .photoexemple span { color: red; } #electric #sidebar .photoexemple span { color: #17b8d8; } #fluidic #sidebar .photoexemple span { color: #b08b3e; } #medical #sidebar .photoexemple span { color: #53cdd2; } /* CITATIONS */ #sidebar .citations { clear: both; width: 230px; margin-bottom: 30px; } #sidebar .citations h3 { margin: 0 0 20px 0; padding: 0; color: #444; font-size:14px; font-weight: bold; } #sidebar .citations .citationwrapper { display: block; padding-bottom: 25px; background: url(images/citation_bottom.png) left bottom no-repeat; } #sidebar .citations .citationbloc { display: block; padding: 15px; color: #666; font-style: italic; text-align: justify; background: #d6d6d6 url(images/citation_top.png) left top no-repeat; } #sidebar .citations .citationname { color: #222; } #sidebar .citations .citationname span { clear: both; display: block; color: #666; } /* SEARCH */ #sidebar .searchform { display: block; margin-bottom: 30px; height: 30px; width: 230px; background: url(images/search.png) no-repeat; } #sidebar .searchform .searchformINPUT { margin: 3px 0 0 3px; height: 21px; padding: 4px 0 0 4px; width: 145px; color: #666; border: none; background: none; } #sidebar .searchform .searchformBTN { background: none; width: 72px; text-align: center; padding: 3px 0; margin-top: 3px; font-size: 12px; font-weight: bold; color: #fff; border: none; background: none; cursor: pointer; } #sidebar .searchform .searchformBTN:hover { color: #147; } #content .searchform { display: block; height: 30px; width: 560px; overflow: hidden; background: url(images/search.png) left -40px; no-repeat; } #content .searchform .searchformINPUT { margin: 3px 0 0 3px; height: 21px; padding: 4px 0 0 4px; width: 473px; color: #666; border: none; background: none; } #content .searchform .searchformBTN { background: none; width: 72px; text-align: center; padding: 3px 0; margin-top: 3px; font-size: 12px; font-weight: bold; color: #fff; border: none; background: none; cursor: pointer; } #content .searchform .searchformBTN:hover { color: #147; } /* CATEGORY */ #sidebar .category { clear: both; width: 230px; margin-bottom: 30px; } #sidebar .category ul { margin:0; padding:0; } #sidebar .category ul li { display: block; } #sidebar .category h3 { margin: 0; padding: 0; color: #444; font-size:14px; font-weight: bold; } #sidebar .category ul ul { margin:0; padding:0; } #sidebar .category ul ul li { display: block; padding:12px 0 12px 20px; background: url(images/bullet.png) left 19px no-repeat; border-bottom: 1px solid #b4b6bc; } #sidebar .category ul ul li a { color: #333; font-size:13px; font-weight: bold; text-decoration: none; } #sidebar .category ul ul li a:hover { color: #147; } #sidebar .category ul ul ul li { border: none; padding-bottom: 0; } /* CATEGORY */ #sidebar .tags { clear: both; width: 230px; margin-bottom: 30px; } #sidebar .tags ul { margin:0; padding:0; } #sidebar .tags li { } /*- COMMENT ----------------------------------------------*/ .comments { display: block; float: left; } .comments h3 { margin:0; } .commentlist li { font-weight:700; list-style:none; margin:15px 0 3px; padding:5px 0 3px; } .commentlist li .avatar { float:right; border:1px solid #eee; background:#fff; padding:2px; } .commentlist .comment-body { padding:0 10px; } .commentlist li, #commentform input, #commentform textarea { font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist cite, .commentlist cite a { font-weight:700; font-style:normal; font-size:1.1em; } .commentlist p { font-weight:400; line-height:1.5em; text-transform:none; margin:10px 5px 10px 0; } #commentform p { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; margin:5px 0; } .commentmetadata { font-weight:400; display:block; margin:0; } #commentform input { width:170px; margin:5px 5px 1px 0; padding:2px; } #commentform textarea { width:100%; padding:2px; } #commentform #submit { float:right; margin:0; } .commentlist { text-align:justify; padding:0; } .nocomments { color: #999; text-align:center; margin:0; padding:0; } #respond { display: block; margin-top: 20px; } /*- LISTE FICHE MATIERE ----------------------------------------------*/ .listexpander { width:100%; } .listexpander, .listexpander ul, .listexpander li { list-style:none; margin:0; padding:0; } ul.listexpanderWRAPPER { list-style-position:outside; margin:-40px 0 0 0; padding:0; } .listexpanderWRAPPER li { visibility: hidden; list-style:none; font-weight:700; width:100%; margin:0; padding:0; } .listexpander li { visibility: visible; line-height:200%; padding:5px 0; cursor:default; text-indent:70px; font-weight:700; width:100%; display:block; border-bottom: 1px solid #ccc; } .listexpander li.collapsed, .listexpander li.expanded { cursor:pointer; } .listexpander li a { text-decoration: none; } /* first level */ .listexpander li, .listexpander li.collapsed { background: transparent url(images/collapsed.png) no-repeat 5px 6px; } .listexpander li.expanded { background: #eee url(images/expanded.png) no-repeat 5px 6px; } .listexpander li li li a { color: #333; } .listexpander li.collapsed:hover { background-color: #eee ; } .listexpander li.collapsed:hover a { color: #333; } /* second level */ .listexpander li ul, .listexpander li li { border: none; border-top: 1px solid #ccc; background:none; margin-left: 10px; font-weight:400; width: 95%; font-weight: normal; text-decoration: underline; } .listexpander li ul { border: none; margin-top: 9px; } .listexpander li li.collapsed { background:transparent url(images/collapsed.png) no-repeat 5px 6px; } .listexpander li li.expanded { background: transparent url(images/expanded.png) no-repeat 5px 6px; } .listexpander li li li a { color: #444; } /* third level */ .listexpander li li ul, .listexpander li li li { margin-left: 0; background:none; font-weight: normal; text-decoration: underline; } .listexpander li li li.collapsed { background:transparent url(images/collapsed.png) no-repeat 5px 6px; } .listexpander li li li.expanded { background:transparent url(images/expanded.png) no-repeat 5px 6px; } .listexpander li li li a { color: #555; } /* fourth level */ .listexpander li li li li { text-indent:0; margin-left:30px; width:auto; } /* etc. buttons */ p.listexpander { visibility: visible; margin-bottom: 10px; height:30px; margin:0 0; border-bottom: 1px solid #ccc; } p.listexpander a { float:right; height:1.5em; line-height:1.5em; font-size: 11px; text-decoration: underline; color: #999; margin-left:15px; cursor:pointer; } p.listexpander a:hover { text-decoration: underline; } /* float fix */ .listexpander li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Hides from IE-mac \ */ * html .listexpander li { height:1%; } /*- FOOTER ----------------------------------------------*/ #footer { clear: both; float: left; width: 100%; } #footercontent { display: block; width:960px; height: 100%; text-align:left; margin:0 auto; padding:25px 0 20px 0; background: url(images/BG_page_bottom.png) left top no-repeat; } #home #footercontent { background: none; padding-top: 40px; } #footercontent ul { display: block; float: right; padding:0; margin-top: 0; list-style: none; } #footercontent li { display: inline; list-style: none; list-style-position: inside; margin-left: 5px; font-size: 10px; color: #fff; } #footercontent li a { color: #fff; text-decoration: none; } #footercontact { display: block; float: left; font-size: 14px; color: #222; } #footercontact a { font-weight: bold; }