/* * STRUCTURE CSS * Centurion UI - CSS-JS Framework * Copyright (c) 2009 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* --------------------------------------------------------------------------------------------------------------------- IMPORTS */ @import url(../../../cui/themes/default/css/reset.css); /*@import url(../../../cui/themes/default/css/components.css);*/ @import url(../../../cui/themes/default/css/jquery-ui.css); @import url(../../../cui/themes/default/css/form.css); /* --------------------------------------------------------------------------------------------------------------------- BASICS */ html, body { color:#695e58; font:normal 13px/18px Arial, sans-serif; background:#fff; } html { overflow-y: scroll; } h1 { color:#695e58; font:200 30px/30px Akurrat, Arial, sans-serif; text-transform:uppercase; padding:0 20px 25px 20px; } h1 .redirect { display:block; font:400 14px/20px Akkurat, Arial; text-transform:none; } h2 { color:#695e58; font:200 24px/24px Akurrat, Arial, sans-serif; margin-bottom:10px; text-transform:uppercase; } h3 { color:#695e58; font:200 18px/22px Akurrat, Arial, sans-serif; margin-bottom:10px; text-transform:uppercase; } h4 { color:#695e58; font:200 14px/18px Akurrat, Arial, sans-serif; margin-bottom:10px; text-transform:uppercase; } h5 { color:#695e58; font:bold 13px/16px Arial, sans-serif; margin-bottom:0; } h6 { color:#695e58; font:bold 12px/16px Arial, sans-serif; margin-bottom:5px; } h1 strong, h2 strong, h3 strong, h4 strong { font-weight:700; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { color:#3369b2; font-style:normal; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; } a img { border:none; margin:0; padding:0;} a { text-decoration:none; color:#3369b2; } a:hover { text-decoration:underline; color:#3369b2; } a.no-transform { text-deocration:underline; color:#333; } a.no-transform :hover { text-decoration:none; color:#333; } .no-margin { margin:0; } .small { font-size:10px; line-height:14px; } a.btn-brown { color:#fff; text-decoration:none; height:21px; display:block; } a.btn-brown:hover { color:#fff; text-decoration:none; cursor:pointer; } a.btn-brown .left { float:left; display:block; width:2px; height:21px; background:url('../images/sprite-icons.png') -320px -64px; } a.btn-brown .right { float:left; display:block; width:2px; height:21px; background:url('../images/sprite-icons.png') -321px -64px; } a.btn-brown .center { padding:0 15px; display:block; float:left; background:#695e58; height:21px; font:bold 10px/21px Arial; text-transform:uppercase; } a.btn-cream { color:#695e58; text-decoration:none; height:21px; display:block; } a.btn-cream:hover { color:#695e58; text-decoration:none; cursor:pointer; } a.btn-cream .left { float:left; display:block; width:2px; height:21px; background:url('../images/sprite-icons.png') -324px -64px; } a.btn-cream .right { float:left; display:block; width:2px; height:21px; background:url('../images/sprite-icons.png') -325px -64px; } a.btn-cream .center { padding:0 15px; display:block; float:left; background:#f3f1e2; height:21px; font:bold 10px/21px Arial; text-transform:uppercase; } .picture { background:#695E58; } .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; } p { margin:0; padding:0; } p.info { color:#3369b2; font:italic 400 16px/28px Akurrat, Arial, sans-serif; } ul li span.puce { margin:2px 4px -2px 0; width:5px; background-position:-246px -49px; float:left; } blockquote { font: italic 14px/22px Arial; margin-bottom:10px; } .line { height:1px; border-bottom:dotted 3px #333; margin:15px 0; } .brown { color:#695e58; } .white { color:#fff; } .blue { color:#3369b2; } .icon { display:block; width:16px; height:16px; background:url('../images/sprite-icons.png') no-repeat; } #content img.icon { display:inline; } div.white { padding:20px; background:#fff; } div.transparent { padding:20px; border-top:solid 1px #fff; } div.cream { margin-bottom:1px; padding:20px; background:#f3f1e2; } div.beige { margin-bottom:1px; padding:20px; background:#dbd9cc; } div.taupe { margin-bottom:1px; padding:20px; background:#c3c0b7; } div.blue-dark { margin-bottom:1px; padding:20px; background:#3369b2; } div.blue { margin-bottom:1px; padding:20px; background:#3369b2; } div.blue-light { margin-bottom:1px; padding:20px; background:#6f9bd7; } div.blue p, div.blue h3, div.blue h4, div.blue h5, div.blue-light p, div.blue-light h3, div.blue-light h4, div.blue-light h5 { color:#fff; } div.cream p.detail { color:#928a81; font-size:11px; } div.blue p.detail, div.blue-light p.detail { color:#d4e1f3; font-size:11px; } div.blue a, div.blue-light a { color:#fff; text-decoration:underline; } div.blue a:hover, div.blue-light a:hover { color:#fff; text-decoration:none; } div.cutted { width:225px; background:#3369b2; } div.cutted h3 { padding:15px 15px 5px 20px; color:#fff; } #content img { display:block; } #content a.button img { margin-top:5px; display:inline; } /* --------------------------------------------------------------------------------------------------------------------- STRUCTURE */ #wrap { text-align:center; position:relative; } #header { padding-top:90px; margin:0 auto; width:880px; text-align:left; position:relative; background:#f9f8f0; } #content { margin:0 auto 50px auto; width:880px; text-align:left; position:relative; background:#fff; min-height:500px; overflow:hidden; } #footer { padding:40px 0; text-align:center; position:relative; clear:both; background:#695e58; zindex:1; } #footer .inner { margin:0 auto; text-align:left; position:relative; width:880px; zindex:2; } #main { overflow:hidden; position:relative; } #sidebar { position:relative; } /* --------------------------------------------------------------------------------------------------------------------- #HEADER */ #header .logo { display:block; width:160px; height:48px; text-indent:-9999px; position:absolute; left:15px; top:20px; background-position:0 0; z-index:2; } #header .baseline { font-size:10px; position:relative; left:19px; top:-15px; } /*-*/ #header .primary-menu { padding-left:10px; height:40px; background-color:#e2e1d6; position:relative; } #header .primary-menu li { float:left; } #header .primary-menu a { float:left; display:block; text-decoration:none; padding:0 10px 0 10px; line-height:40px; text-transform:uppercase; text-decoration:none; font:700 13px/40px Akkurat, Arial, sans-serif; color:#695e58; } #header .primary-menu a:hover { background:url('../images/primary-menu-hover.png') center bottom #f4ecbe no-repeat; color:#3369b2; text-decoration:none; } #header .primary-menu .active a, #header .active-news .primary-menu-news a, #header .active-artisanat .primary-menu-artisanat a, #header .active-forum .primary-menu-forum a, #header .active-release .primary-menu-release a, #header .active-jobs .primary-menu-jobs a, #header .active-webtv .primary-menu-webtv a { background:url('../images/primary-menu-hover.png') center bottom #d9d7cc no-repeat; color:#3369b2; text-decoration:none; } /*-*/ #header .member { position:absolute; top:35px; right:25px; color:#38302b; text-align:right; } #header .member-logged { top:25px; } #header .member a { font-size:11px; color:#a59e96; text-decoration:underline; } #header .member a:hover { color:#a59e96; text-decoration:none; } /*-*/ #header .search { position:absolute; top:114px; right:18px; width:176px; height:32px; background:url('../images/sprite-icons.png') -272px 0 no-repeat; } #header .search .search-input { position:absolute; top:8px; left:12px; width:134px; border:none; background:transparent; font-size:11px; color:#404040; } #header .search .search-ok { position:absolute; top:4px; right:7px; width:24px; height:24px; } /*-*/ #header .breadcrumb { padding:10px 20px; height:20px; font-size:11px; } #header .breadcrumb li { float:left; position:relative; } #header .breadcrumb li a { float:left; padding:0 12px; color:#b1aba4; text-decoration:none; } #header .breadcrumb li.first a { padding-left:0; } #header .breadcrumb li.last a { color:#695e58; } #header .breadcrumb li a:hover { color:#695e58; text-decoration:none; } #header .breadcrumb li .arrow { background-position:-64px -48px; width:8px; position:absolute; left:-4px; top:2px; } #header .breadcrumb li.first .arrow { display:none; } /*-*/ #header .secondary-menu { padding:0 20px; height:28px; font-size:12px; font-weight:700; line-height:28px; text-transform:uppercase; border-bottom:solid 1px #e2e1d6; } #header .secondary-menu li { float:left; position:relative; top:1px;} #header .secondary-menu li a { float:left; margin-right:2px; padding:0 20px; color:#fff; background:#3369b2; text-decoration:none; position:relative; zoom:1; } #header .secondary-menu li a:hover{ color:#fff; background:#3369b2; text-decoration:none; } #header .secondary-menu li.right { float:right; } #header .secondary-menu .active a { background:#fff; color:#3369b2; border:solid 1px #e2e1d6; border-bottom:none; } #header .secondary-menu .active a:hover { background:#fff; color:#3369b2 } #header .secondary-menu .corner { height:2px; width:2px; display:block; position:absolute; top:0; } #header .secondary-menu .top-right{ right:0; background-position:-113px -55px; } #header .secondary-menu .top-left { left:0; background-position:-116px -55px; } #header .secondary-menu .active .top-right { right:-1px; top:-1px; background-position:-316px -98px; } #header .secondary-menu .active .top-left { left:-1px; top:-1px; background-position:-3px -98px; } /* --------------------------------------------------------------------------------------------------------------------- #FOOTER */ #footer a, #footer p { color:#f3f1e2; text-decoration:none; font-size:11px } #footer a:hover { color:#f3f1e2; text-decoration:underline; } /*-*/ #footer .website { padding-left:20px; width:155px; position:absolute; top:0; left:0; } #footer .website ul { padding-bottom:10px; } #footer .logo { background-position:-160px 0; width:112px; height:32px; text-indent:-9999px; position:relative; top:-13px; left:-13px; margin-bottom:-3px; display:block; zindex:3;} /*-*/ #footer .sitemap { margin-left:175px; padding-left:35px; border-left:dotted 1px #b4afac; width:690px; position:relative; } #footer .sitemap-menu { width:690px; } #footer .sitemap-menu li { float:left; width:172px; font-weight:bold; } #footer .sitemap-menu li a { color:#fff; font-weight:bold; font-size:14px; } #footer .sitemap-menu ul { padding:15px 0; height:104px; font-weight:normal; } #footer .sitemap-menu ul li { font-size:11px; font-weight:normal; } #footer .sitemap-menu ul li a { color:#f3f1e2; font-weight:normal; font-size:11px; } #footer .sitemap-menu .arrow { margin:2px 5px 0 0; background-position:-216px -32px; width:8px; float:left; } /* --------------------------------------------------------------------------------------------------------------------- #HOME */ body#home #main { padding-top:20px; width:616px; float:left; position:relative; } body#home #sidebar { padding-top:20px; position:relative; margin-left:19px; _margin-left:17px; float:left; width:245px; } body#home #sidebar .all { border-top:dotted 1px #aea79d; padding-top:15px; } body#home .temoignage { margin:20px 0; zoom:1; } body#home .focus { margin:0 0 20px 0; zoom:1;} body#home .news { margin:20px 0; zoom:1;} body#home .agenda { margin:0 0 20px 0; zoom:1;} body#home .temoignage h2, body#home .focus h2, body#home .news h2, body#home .agenda h2 { margin:0; } .search-medium { margin:0; padding:0; float:right; } .search-medium div { width:315px; height:28px; position:relative; background:url('../images/sprite-icons.png') -3px -98px no-repeat; } .search-medium .search-input { position:absolute; top:5px; left:10px; width:195px; border:none; background:transparent; font-size:14px; color:#404040; } .search-medium .search-ok { position:absolute; top:0px; right:0px; width:103px; height:48px; } .focus .focus-1 a, .focus .focus-2 a, .focus .focus-3 a { color:#fff; } .focus .focus-1 a:hover img, .focus .focus-2 a:hover img, .focus .focus-3 a:hover img { opacity:0.9; filter:Alpha(Opacity=90); } .focus .focus-1 { float:right; border-bottom:solid #fff 1px; width:405px; height:251px; position:relative; } .focus .focus-2, .focus .focus-3 { border-bottom:solid #fff 1px; width:210px; height:125px; position:relative; float:left } .focus .hightlight { padding:8px; background:#3369b2; position:absolute; bottom:10px; left:10px; color:#fff; font:normal 10px Arial; } .focus .hightlight .icon { background-position:-226px -49px; float:left; margin-right:5px; height:13px; width:14px } .news .news-1 { position:relative; margin-bottom:1px; zoom:1; } .news .news-2 { width:307px; float:left; } .news .news-3 { width:307px; border-left:solid 1px #fff; float:left; } .news .news-1 a:hover img, .news .news-2 a:hover img, .news .news-3 a:hover img { opacity:0.9; filter:Alpha(Opacity=90); display:block; } .news div div.cream { padding-top:10px } .news div.cream .detail { font-size:11px; color:#3369b2 } .news div.cream .title { font-size:20px; margin:5px 0 10px; } .news div.cream .description { font-size:12px; } .news div div.cream a { margin-top:10px; color:#3369b2; font-style:italic; display:block; } .news div.cutted { position:absolute; bottom:20px; left:20px; zindex:3; width:280px; padding:15px } .news div.cutted .detail { font-size:11px; color:#fff } .news div.cutted .title { font-size:20px; color:#fff; margin-bottom:3px; } .news div.cutted .description { font-size:12px; color:#fff } .news div.cutted a { color:#a5bddd; font-style:italic; } .agenda .column-1 { width:307px; float:left; } .agenda .column-2 { width:307px; border-left:solid 1px #fff; float:left; } /*.agenda .column-3 { width:204px; border-left:solid 1px #fff; float:left; }*/ .agenda div div.cream { padding-top:10px } .agenda div.cream .detail { font-size:11px; color:#3369b2 } .agenda div.cream .title { font-size:20px; margin:5px 0; } .agenda div.cream .description { font-size:12px; } .agenda div.cream .description a { margin-top:10px; color:#3369b2; font-style:italic; display:block; } .focus-see { position:relative; background:black; margin-bottom:20px; display:block; color:#fff; text-decoration:none; } .focus-see:hover { color:#fff; text-decoration:none; } .focus-see img { display:block; margin:0; padding:0; } .focus-see span.cutted { display:block; padding:6px 5px 5px 5px; position:absolute; top:100px; left:10px; z-index:3; width:175px; color:#fff; font-size:10px; line-height:16px; background:#3369b2; } .focus-see span.play { position:absolute; top:50px; left:100px; width:40px; height:25px; background-position:-136px -64px; opacity: 0.5; filter:Alpha(Opacity=50); } .focus-see:hover span.play { opacity: 0.25; filter:Alpha(Opacity=25); } .focus-see span.cutted .icon { background-position:-256px -32px; float:left; width:32px; } .temoignage a.see { display:block; position:relative; text-decoration:none; height:324px; } .temoignage a.see:hover { text-decoration:none; } .temoignage a.see span.cutted { display:block; padding:8px; position:absolute; bottom:10px; left:10px; z-index:3; width:225px; color:#fff; font-size:16px; font-weight:700; background:#3369b2; } .temoignage a.see .play { display:block; width:91px; height:52px; background-position:-368px -64px; opacity: 0.5; filter:Alpha(Opacity=50); position:absolute; top:135px; left:262px; } .temoignage a.see:hover .play { opacity: 0.25; filter:Alpha(Opacity=25); } .temoignage a.see:hover img { opacity: 0.9; filter:Alpha(Opacity=90); } #member-login { position:relative; zoom:1; } #member-login .cutted { position:absolute; top:22px; left:0; width:9px; height:17px; background-position:-320px -96px; } /* --------------------------------------------------------------------------------------------------------------------- #METIER */ ul.metier { width:616px; } ul.metier li { padding:0; margin:0; display:block; } ul.metier li a { padding:20px 150px 20px 215px; background:#f3f1e2; border-top:solid 1px #e2e0d2; display:block; position:relative; height:48px; /margin-bottom:-3px; font-size:12px; color:#695E58; } ul.metier li a:hover { color:#695E58; text-decoration:none; background:#f4ecbe; } ul.metier li .title { font:normal 16px/20px Arial, sans-serif; color:#695e58; position:relative; top:13px; } ul.metier li .left { position:absolute; left:20px; top:10px; line-height:68px; } ul.metier li a span.cutted { background-position:-90px -48px; position:absolute; top:36px; right:0; _right:-1px; width:6px; display:none; } ul.metier li a:hover span.cutted { display:block; } ul.metier li a .arrow { background-position:-160px -32px; position:absolute; top:37px; right:20px; width:23px; } ul.metier li a:hover .arrow { background:url('../images/buttons/brown-voir-la-fiche-metier.png') 0 0; width:121px; height:17px; } ul.metier li.first a { border-top:none; } form ul.autocomplete { width:318px; background:#fff; position:absolute; margin-top:1px; z-index:3; border:solid 1px #d9d7cc; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px 0; zoom:1; } form ul.autocomplete a { display:block; padding:5px 15px; margin:0; font-size:16px; color:#695e58; } form ul.autocomplete a:hover { background:#f4ecbe; text-decoration:none; color:#695e58; } /*-*/ ul.datalisting { zoom:1; } ul.datalisting li { padding:0; margin:0; display:block; } ul.datalisting li a { padding:20px 125px 20px 20px; background:#f3f1e2; border-bottom:solid 1px #e2e0d2; display:block; position:relative; font-size:12px; color:#695e58; } ul.datalisting li a:hover { color:#695e58; text-decoration:none; background:#f4ecbe; } ul.datalisting li .detail { color:#3369b2; margin-bottom:3px; display:block; font-size:11px; } ul.datalisting li .title { font-weight:bold; margin-bottom:3px; display:block; } ul.datalisting li .title-big { font:normal 18px/22px Arial; display:block; } ul.datalisting li a span.cutted { background-position:-90px -48px; position:absolute; top:40px; right:0; _right:-1px; width:6px; display:none; } ul.datalisting li a:hover span.cutted { display:block; } ul.datalisting li a .arrow { background-position:-160px -32px; position:absolute; top:40px; right:20px; width:23px; } ul.datalisting li a:hover .arrow { background:url('../images/buttons/brown-consulter.png') 0 0; width:71px; height:17px; } ul.datalisting li a .arrow-down { background-position:-183px -32px; position:absolute; top:40px; right:20px; width:17px; } ul.datalisting li a:hover .arrow-down { background:url('../images/buttons/brown-telecharger.png') 0 0; width:85px; height:17px; } /*-*/ div.headlisting { margin:0; padding-bottom:10px; border-bottom:solid 1px #e2e0d2; } ul.listing { padding:10px 0 20px 0; background:#f3f1e2; zoom:1; } ul.listing a { padding:5px 20px; display:block; /*height:28px;*/ position:relative; font:normal 12px/18px Arial; color:#535353; } ul.listing a .arrow { display:none; height:7px; width:4px; background-position:-152px -52px; position:absolute; right:-4px; top:11px; } ul.listing a:hover { font-weight:bold; background-color:#f4ecbe; text-decoration:none; color:#535353; } ul.listing a:hover .arrow{ display:block; } ul.listing .active a { font-weight:bold; background-color:#3369b2; color:#fff; } ul.listing .active a .arrow { background-position:-144px -52px; display:block; } .pager { background:#e2e0d2; height:24px; border-top:solid 1px #fff; border-bottom:solid 1px #fff; } .pager a { background:#e2e0d2; color:#695e58; padding:0 6px; display:block; float:left; border-left:solid 1px #fff; line-height:24px; text-decoration:none; font-size:12px; vertical-align:top; _padding:5px 6px; _line-height:14px; } .pager .float-left a { border-left:none; border-right:solid 1px #fff; } .pager a:hover { background:#eddf92; color:#695e58; text-decoration:none; } .pager a.active { background:#3369b2; color:#fff; } .pager img.prev { background-position:-224px -36px; height:8px } .pager img.next { background-position:-240px -36px; height:8px } .grid-615-265 { width:880px; _width:883px; } .grid-615-265 .column-1 { width:615px; float:left; } .grid-615-265 .column-2 { width:265px; margin-left:615px; _position:relative; _left:-3px; } .grid-580-300 { width:880px; _width:883px; background:#dbd9cc; } .grid-580-300 .column-1 { width:580px; float:left; } .grid-580-300 .column-2 { width:300px; margin-left:580px; _position:relative; _left:-3px; } img.calendar { background-position:-208px -48px; } img.forum-white { background-position:-32px -48px; } img.forum-blue { background-position:-48px -48px; } /*-home-*/ body#metiers-home #main { width:616px; float:right; overflow:hidden; zindex:1; } body#metiers-home #sidebar { width:244px; zindex:1; } body#metiers-home h2 { margin:25px 0 5px 15px; } .search-big { margin:20px 0 1px 0; padding:20px; background:#f3f1e2; } .search-big div { width:422px; height:48px; position:relative; background:url('../images/sprite-icons.png') -5px -128px no-repeat; } .search-big .search-input { position:absolute; top:12px; left:15px; width:300px; border:none; background:transparent; font-size:16px; color:#404040; } .search-big .search-ok { position:absolute; top:0px; right:0px; width:103px; height:48px; } body#metiers-home h6 { padding:45px 20px 23px 20px; } body#metiers-home h6 .column-1 { float:left; width:195px; } body#metiers-home h6 .column-2 { } body#metiers-home .focus-metier { background:#dbd9cc } body#metiers-home ul.metier li .left { width:180px; line-height:20px; padding-top:22px; width:180px; } .focus-metier .column-1, .focus-metier .column-2 { position:relative; } .focus-metier div.cutted { position:absolute; bottom:20px; _bottom:18px; left:20px; } .focus-metier .column-2 .button { float:right; margin-top:10px; } .focus-metier .column-1 a:hover img { opacity: 0.9; filter:Alpha(Opacity=90); } /*-theme-*/ body#metiers-theme #main { width:400px; float:left; } body#metiers-theme #sidebar { position:relative; z-index:2; margin:-90px 0 0 0; width:480px; _width:479px; float:left; } body#metiers-theme .white { } body#metiers-theme #main .beige{ padding-bottom:10px; } body#metiers-theme .blue { } body#metiers-theme .cream { } body#metiers-theme .cream a { color:#695e58; text-decoration:none; } body#metiers-theme .cream a:hover { color:#695e58; text-decoration:underline; } body#metiers-theme ul.metier { border-left:solid 1px #fff; width:479px; _width:478px; } body#metiers-theme ul.metier li a { padding:20px 60px 20px 170px; } body#metiers-theme ul.metier li a:hover .arrow { background:url('../images/sprite-icons.png') -116px -68px; width:15px; height:15px; } div.head-metier { margin:0 0 0 1px; width:439px; _width:438px; height:50px; position:relative; } div.head-metier h1 { padding:0; margin:0 0 -10px 0; font-size:28px; } div.head-metier h1 strong { position:absolute; top:15px; font-size:18px; } div.head-metier em { font-size:60px; position:relative; top:-2px; } .forum .column-1 { width:170px; float:left; } .forum .column-2 { margin-left:190px; _margin-left:187px; width:170px; } .forum .item { margin:5px 0 15px 0; } /*-*/ h3 a, h4 a { display:block; } h3 .more { float:right; background-position:-240px -64px; height:32px; width:48px; position:relative; top:-5px; } h4 .more { float:right; background-position:-160px -32px; height:16px; width:23px; position:relative; top:2px; } h3 .bullet { background-position:-48px -48px; float:right; position:relative; right:216px; top:-6px; #top:-26px; } /*-fiche-*/ body#metiers-fiche #main { width:616px; float:right; overflow:hidden; zindex:1; } body#metiers-fiche #sidebar { width:244px; zindex:1; } body#metiers-fiche p.info { width:590px; margin:20px 0;} body#metiers-fiche .temoignage { margin-bottom:20px; padding:20px; position:relative; border-top:solid 1px #c3c1b5; border-bottom:solid 1px #c3c1b5; } body#metiers-fiche .temoignage h3 { padding:5px 10px 10px 10px; position:absolute; top:-15px; left:235px; background:#fff; color:#3369b2; z-index:3; font-weight:700; } .grid-2-615 { margin-bottom:5px; width:618px;} .grid-2-615 .column-1 { width:307px; border-right:solid 1px #fff; float:left; } .grid-2-615 .column-2 { margin-left:308px; _position:relative; _left:-3px; } .grid-2-615 .column-2 div { width:267px; } .grid-2-615 div.teaser { height:50px; margin-bottom:20px; } .grid-2-615 div.all { margin-bottom:20px; } .grid-2-615 div.all, #content .grid-2-615 a.less { display:none; } .grid-2-615 .expand div.teaser, #content .grid-2-615 .expand a.more, #content .grid-2-615 .expand .picture { display:none; } .grid-2-615 .expand div.all, #content .grid-2-615 .expand a.less { display:block; } .player .column-2 { height:346px; background:#f3f1e2; } .player .column-2 h6 { padding:13px 0 0 15px; } .player .column-2 .float-right { padding:12px 15px 0 0; font-size:11px; } .player .column-2 ul li a { padding:8px 14px 8px 108px; background:#f3f1e2; position:relative; height:60px; display:block; text-decoration:none; color:#695e58; } .player .column-2 ul li img { position:absolute; top:8px; left:14px; } .player .column-2 ul li .play { position:absolute; top:50px; left:17px; background-position:-176px -48px; } .player .column-2 ul li a:hover { background:#f4ecbe; } .formation { width:615px; position:relative; z-index:5; } .formation h3 a { padding:10px 10px 10px 20px; display:block; background:#f3f1e2; zoom:1; } .formation h3 a .plus { float:right; background-position:0 -64px; width:23px; height:23px; position:relative; right:9px; top:9px; } .formation h3 a .less { float:right; background-position:-24px -64px; width:23px; height:23px; position:relative; right:9px; top:9px; } .formation ul { position:absolute; top:64px; left:0; width:615px; z-index:3; display:none; } .formation ul li { padding:5px 20px 5px 20px; position:relative; background:#f3f1e2; zoom:1; /*border-top:#e2e0d2 solid 1px;*/ } .formation ul li h3 { font-weight:400; font-size:17px; width:200px; position:absolute; top:11px; left:20px; } .thematique { zoom:1;} .thematique li { float:left; margin:0 1px 1px 0;} .thematique a { display:block; width:292px; height:146px; text-align:center; position:relative; background:#f3f1e2; float:left; text-decoration:none; } #content .thematique a .picture-color { display:none; } #content .thematique a:hover .picture-bw { display:none; } #content .thematique a:hover .picture-color { display:block; } .thematique a:hover { text-decoration:none; } .thematique a span { font:700 12px/26px Akkurat, Arial; text-transform:uppercase; } .thematique a.more { padding:53px 20px 47px 20px; display:block; width:252px; height:46px; background:#dbd9cc; color:#695e58; font:700 18px/18px Akurrat, Arial, sans-serif; text-transform:uppercase; text-align:left; } .thematique a.more:hover { background:#f4ecbe; } .thematique a.more .plus { background-position:-240px -64px; position:absolute; top:55px; right:20px; width:48px; height:32px; } /* --------------------------------------------------------------------------------------------------------------------- #FORMATIONS */ body#formations #main { width:585px; float:right; overflow:hidden; background:#f9f8f0; zindex:1; } body#formations #sidebar { width:294px; zindex:2; position:absolute; } .know-more { margin-top:10px; padding:5px 20px; background:#dbd9cc; } body#formations h2 { margin:0; padding:50px 20px 50px 20px; width:275px; } body#formations p.info { padding:20px 0; position:absolute; top:0; right:0; width:585px; } a.cream-link { padding:35px 20px; background:#f3f1e2; color:#695e58; display:block; font:200 18px/22px Akurrat, Arial, sans-serif; text-transform:uppercase; text-decoration:none; position:relative; border-bottom:solid 1px #fff; } a.blue-link { padding:35px 20px; background:#3369b2; color:#fff; display:block; font:200 18px/22px Akurrat, Arial, sans-serif; text-transform:uppercase; text-decoration:none; position:relative; border-bottom:solid 1px #fff; } a.blue-link strong, a.cream-link strong { font-weight:700; } a.cream-link:hover, a.blue-link:hover { text-decoration:none; } a.cream-link:hover { background:#f5e79a; } a.blue-link span.arrow { position:absolute; top:37px; right:-16px; _right:-16px; background-position:-160px -48px; font-size:1px; } /* --------------------------------------------------------------------------------------------------------------------- #ARTISANAT */ body#artisanat-entreprises #main { width:585px; float:right; overflow:hidden; background:#dbd9cc; zindex:1; } body#artisanat-entreprises #sidebar { width:294px; zindex:2; position:absolute; } body#artisanat-entreprises h2 { margin:0; padding:40px 20px 40px 20px; width:275px; } body#artisanat-entreprises p.info { padding:20px 0; position:absolute; top:0; right:0; width:585px; } body#artisanat-secteurs h2 { margin:0; padding:50px 20px 95px 20px; width:275px; } body#artisanat-secteurs p.info { padding:20px 0; position:absolute; top:0; right:0; width:585px; } body#artisanat-secteurs .focus-metier { background:#DBD9CC } body#artisanat-home h2 { margin:0; padding:52px 20px 90px 20px; width:295px; } body#artisanat-home p.info { padding:20px 0; position:absolute; top:0; right:0; width:555px; } body#artisanat-home .cream p.info { margin-top:-10px; padding:0 0 10px 0; position:static; width:auto; } .grid-4-880 { width:880px; margin-bottom:10px; } .grid-4-880 .column-1, .grid-4-880 .column-2, .grid-4-880 .column-3 { width:219px; border-right:solid 1px #fff; float:left; } .grid-4-880 .column-4 { width:219px; float:left; } .grid-4-880 .column-1, .grid-4-880 .column-2 { background:#f3f1e2; } .grid-4-880 .column-3, .grid-4-880 .column-4 { background:#c3c0b7; } #accordion .item { padding:10px 20px; border-top:solid 1px #cccabe; } #accordion .item div { margin-top:5px; } #accordion h5 a { color:#695e58; position:relative; display:block; } #accordion h5 a em { color:#3369b2; } #accordion h5 .icon { float:right; background-position:0 -48px; margin-top:1px; } #accordion .expand h5 .icon { background-position:-16px -48px; } div.artisans { padding-left:460px; height:354px; background-image:url('../images/artisans.jpg'); background-repeat:no-repeat; } div.chiffres { margin-bottom:20px; } div.chiffres h3 { margin-bottom:32px; } div.chiffres .column-1 { width:440px; float:left; } div.chiffres .column-2 { width:400px; float:left; } div.chiffres p { margin:20px 0 10px 0; font-size:15px; font-weight:700; } div.chiffres p .chiffre { font-size:36px; font-weight:200; } div.entreprises { width:440px; float:left; border-right:solid 1px #fff; } div.secteurs { width:439px; overflow:hidden; float:left;} div.entreprises h3, div.secteurs h3 { margin-bottom:-10px; } div.entreprises h3 .chiffre, div.secteurs h3 .chiffre { font-size:60px; font-weight:200; } div.secteurs .cream { height:135px; } ul.secteurs { width:450px; } ul.secteurs li { float:left; } ul.secteurs li a { display:block; float:left; width:179px; height:20px; padding:35px 20px; background:#f3f1e2; border-right:solid 1px #fff; border-bottom:solid 1px #fff; font:normal 18px/20px Arial; color:#695e58; position:relative; } ul.secteurs li a .arrow { background-position:-160px -32px; position:absolute; top:38px; right:20px; width:23px; height:16px; font-size:1px; } ul.secteurs li a .cutted { background-position:-96px -64px; position:absolute; top:36px; right:0px; _right:-1px; height:25px; display:none; } ul.secteurs li a:hover { background-color:#f5e79a; text-decoration:none; color:695e58; } ul.secteurs li a:hover .arrow { background-position:-112px -67px; height:25px; } ul.secteurs li a:hover .cutted { display:block; } body#espace-artisan #main { width:585px; float:right; overflow:hidden; background:#dbd9cc; zindex:1; } body#espace-artisan #sidebar { width:294px; zindex:2; position:absolute; } div.head-newsletter { padding-left:100px; margin-bottom:20px; border-bottom:solid 1px #cccabe; background:url('../images/mail.png') no-repeat 20px 20px; } div.head-download { padding-left:85px; border-bottom:solid 1px #cccabe; background:url('../images/download.png') no-repeat 20px 25px; } div.border-bottom { border-bottom:solid 1px #cccabe; } body#espace-artisan form.form input { width:400px; #width:396px; } body#espace-artisan form.form input.radio { width:14px; } body#espace-artisan h5 { margin-bottom:5px; } body#espace-artisan div.border-bottom a { color:#695e58; } div.gallery { padding:0 0 20px 0; } div.gallery a { padding:20px 0 0 20px; position:relative; height:90px; width:168px; float:left; } div.gallery a .play { background-position:-176px -48px; position:absolute; right:10px; bottom:10px; } div.gallery a .view { background-position:-224px -48px; position:absolute; right:8px; bottom:9px; } div.gallery a:hover .icon { opacity: 0.5; filter:Alpha(Opacity=50); } /* --------------------------------------------------------------------------------------------------------------------- #NEWS */ body#news #main { padding-top:20px; width:615px; float:left; position:relative; } body#news #sidebar { padding-top:20px; position:relative; margin:0 0 0 635px; _margin:0 0 0 632px; width:245px; } .post { padding:20px; background:#f3f1e2; } .post h2 { margin-bottom:25px; font:normal 26px/30px Arial; text-transform:none; } .post .detail { font-size:11px; color:#3369b2; } .post-list { margin-bottom:-1px; background:#e2e0d2; } .post-list .item { margin-bottom:1px; padding:20px; background:#f3f1e2; zoom:1; position:relative; } .post-list .text { padding-left:195px; } .post-list .no-picture .text { padding-left:0; } .post-list .item h2 { margin-bottom:5px; font:normal 20px/22px Arial; text-transform:none; } .post-list .item h2 a { color:#695e58; text-transform:underline; } .post-list .item h2 a:hover { color:#3369b2; } .post-list .item .detail { margin-bottom:5px; font-size:11px; color:#3369b2; } .post-list .item p a { font-style:italic; } .post-list .item img { float:left; } div.newslisting { margin-bottom:20px; } .newslisting li { padding:10px 0; background:url('../images/dotted-hr-cream.png') repeat-x; } .newslisting li.first { background-image:none; padding-top:0; } .newslisting li p.detail { margin-bottom:-4px; #margin-bottom:-2px; color:#3369b2; font-size:10px; } .newslisting li p.detail strong { font-size:12px; } .newslisting a { font-style:italic; } div.rss { margin-bottom:20px; } div.rss h4 { margin-bottom:0; } div.rss span.icon, span.rss { float:right; background-position: -192px -48px; position:relative; top:1px; } span.big-rss { float:right; background-position: -343px -71px; position:relative; top:3px; width:18px; height:18px; } /* --------------------------------------------------------------------------------------------------------------------- #PRESSE */ body#press #main { width:439px; float:left; position:relative; } body#press #sidebar { position:relative; margin:0 0 0 440px; background:#dbd9cc; } body#press #sidebar .headlisting { border-color:#cccabe; } body#press #sidebar .datalisting { } body#press #sidebar .datalisting li a { background:#dbd9cc; border-color:#cccabe } body#press #sidebar .datalisting li.first a { border-top:none; } body#press #sidebar .datalisting li a:hover { background:#f4ecbe; } body#press .grid-580-300 { margin:20px 0; } body#press-list span.cutted, body#press-list span.arrow { top:34px; } body#press-list .pager { position:relative; top:-1px; zindex:3; } .cream-all { height:21px; } .beige-all { height:21px; } .cream-all a, .beige-all a { float:right; } /* --------------------------------------------------------------------------------------------------------------------- #FORUM */ body#forum #main { width:615px; float:right; overflow:hidden; zindex:1; } body#forum #sidebar { width:245px; zindex:1; } body#forum .search-big { margin:0 0 20px 0; } body#forum div.all { padding:auto; padding-top:20px; background:url('../images/dotted-hr-cream.png') repeat-x top; } div.postlisting { margin-bottom:20px; } .postlisting li { padding:5px 0 15px 0; background:url('../images/dotted-hr-cream.png') repeat-x top;} .postlisting li.first { padding-top:0; background:none; } .postlisting li p.detail { color:#3369b2; font-size:11px; } .postlisting li a { margin-bottom:0; color:#695e58; font-size:14px; text-decoration:none; } .postlisting li a:hover { color:#695e58; text-decoration:underline; } h4.question { padding:40px 0 2px 85px; background:url('../images/qu.png') no-repeat bottom left; } h4.reponses { padding:40px 0 2px 85px; background:url('../images/re.png') no-repeat bottom left; } body#forum span.category { font-size:10px; position:absolute; top:40px; left:105px; } body#forum h2 { text-transform:none; } body#forum p.detail { margin-top:10px; color:#3369b2; } body#forum .pager { margin-bottom:20px; position:relative; top:-1px; zindex:1px; } div.member-status { float:right; padding:20px; width:375px; text-align:right; } div.member-status a { font-weight:bold; } .beige h4 { margin-bottom:0; } /*- dialogs -*/ .ui-dialog { position: relative; padding: 0; width: 435px; border:none; background: #f3f1e2; } .ui-dialog .ui-dialog-titlebar { padding:0; position:relative; height:1px; line-height:1px; } .ui-dialog .ui-dialog-title { float: left; margin:0; } .ui-dialog .ui-dialog-titlebar-close .ui-icon { position: absolute; right: 15px; top: 13px; width: 32px; margin: 0; display: block; height: 32px; background:url('../images/sprite-icons.png') -288px -64px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { } .ui-dialog .ui-dialog-content { border: 0; padding: 0; background: none; overflow: auto; zoom: 1; text-align:left; } .ui-dialog h1 { margin:0; padding:22px 20px 10px 15px; border-bottom:solid 1px #e2e0d2; } .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; } .ui-widget-overlay { background:none #695e58; opacity: 0.5; filter:Alpha(Opacity=50); position:absolute; top:0; left:0; } .ui-widget-shadow { margin: 0; padding: 0; background: none; opacity: 0; filter:Alpha(Opacity=0); -moz-border-radius: 0; -webkit-border-radius: 0; } /*- formulars -*/ form.form { width:530px; font-size:12px; } form.form fieldset { margin:0 0 0 0; padding:0; border:none; position:relative; } form.form legend { margin:0; padding:0 10px 10px 10px; font:normal 17px/20px Arial, sans-serif; color:#ff2f05; } form.form fieldset.border-bottom { border-bottom:solid 1px #d9d7cc; } form.form fieldset.border-top { border-top:solid 1px #d9d7cc; } form.form dl { width:530px; } form.form dt { margin:0; padding:7px 15px 0 0; float:left; width:95px; text-align:right; } form.form dt label { font:normal 12px/14px Arial, sans-serif; } form.form dd { margin-left:115px; padding-bottom:0; } form.form dd.subform { margin-left:0; position:relative; width:530px; } form.form dd div.input { margin:0 0 10px 0; padding:0; background:none; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; } form.form input, form.form select, form.form textarea { margin:0; padding:7px; background:none #fff; font:normal 12px/normal Arial,sans-serif; color:#695e58; border:1px solid #d9d7cc; -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; width:220px; font:normal 11px/normal Arial,Verdana,sans-serif; } form.form dd.large input, form.form dd.large select, form.form dd.large textarea { width:550px; } form.form textarea { height:100px; width:400px; #margin-top:-25px; #margin-left:3px; } form.form textarea.rte { height:150px; } form.form select { padding-left:2px; background:#fff; width:392px; } form.form input.radio, form.form input.checkbox, form.form dd.large input.checkbox { margin:0 2px 6px 0; padding:0; background:none; border:none; width:14px; height:14px; -moz-border-radius:0; -khtml-border-radius: 0; -webkit-border-radius:0; position:relative; top:1px; } form.form input.big { padding:8px; font:normal 16px/20px Arial,Verdana,sans-serif; height:20px; width:374px; } form.form dd.large input.big { width:549px; } form.form .nicyless { padding-top:7px; } form.form dd.large dl.checklist dt { text-align:left; } form.form dd.submit dl { margin:20px 0 0 0; width:530px; } form.form dd.submit a.btn-brown, a.btn-cream { float:right; margin:0 0 0 10px; } form.form dd.warning input, form.form dd.warning textarea, form.form dd.warning select, form.form dt.warning label { color:#695e58; } form.form dd.warning div.input { background-color:transparent; } /*-*/ div.blue-dark form.form label { color:#fff; } div.blue-dark form.form input, div.blue-dark form.form select, div.blue-dark form.form textarea { border-color:#fff; } div.blue-dark form.form select { width:236px; } div.blue-dark form.form dd.warning input, div.blue-dark form.form dd.warning textarea, div.blue-dark form.form dd.warning select { border-color:#acf; border-width:2px; } div.blue-dark form.form dd ul.errors li { color:#acf; } /*-*/ .ui-dialog form.form { width:435px; } .ui-dialog form.form dl { width:395px; } .ui-dialog form.form fieldset { width:395px; padding:20px; } .ui-dialog form.form dt { width:140px; } .ui-dialog form.form dd.large dl.checklist { width:240px; padding-left:155px; } .ui-dialog form.form dd.large dl.checklist dt { margin:0; padding:0; float:right; width:220px } .ui-dialog form.form dd.submit dl { margin:-20px 0 0 0; width:390px; } .ui-dialog h4 { padding:20px 0 0 155px; margin:0 20px -10px 20px; } .ui-dialog h4.dotted { background:url('../images/dotted-hr-cream.png') repeat-x } .ui-dialog form.form dt label { font-size:11px; } .ui-dialog form.form .subform { width:395px;} #signup dt { margin:0; padding:7px 15px 0 0; float:left; width:175px; text-align:right; } #signup dd { margin-left:195px; padding-bottom:0; } #signup dd.subform { margin-left:0; } #signup dd.submit dd { margin-left:0; width:235px } #login dt { margin:0; padding:7px 15px 0 0; float:left; width:175px; text-align:right; } #login dd { margin-left:195px; padding-bottom:0; } #login dd.large dl.checklist { width:240px; padding-left:0; } #login dd.large dl.checklist dt { margin:0; padding:0; float:right; width:220px; text-align:left; } #login dd.large dl.checklist dd { margin:0; padding:0; } #login dd.submit dd { margin-left:0; width:235px } #lost dt { margin:0; padding:7px 15px 0 0; float:left; width:120px; text-align:right; } #lost dd { margin-left:140px; padding-bottom:0; } #lost dd.large dl.checklist { width:240px; padding-left:0; } #lost dd.large dl.checklist dt { margin:0; padding:0; float:right; width:220px; text-align:left; } #lost dd.large dl.checklist dd { margin:0; padding:0; } #lost dd.submit dd { margin-left:0; width:235px } #member-login { margin-bottom:20px; } #member-login h4 { color:#fff; border-bottom:dotted 1px #fff; padding-bottom:7px; margin-bottom:7px; font-size:15px; } #member-login form.form { margin-top:7px; width:190px; } #member-login form.form dl { width:190px; } #member-login form.form dd { margin-left:0; } #member-login form.form input { width:188px; } #member-login form.form input.checkbox { width:14px; } #member-login form.form dd.large dl.checklist { width:200px; padding-left:0; } #member-login form.form dd.large dl.checklist dt { margin:0; padding:0; float:right; width:180px; text-align:left; } #member-login form.form dd.large dl.checklist dd { margin:0; padding:0; } #member-login form.form dd.submit a.btn-brown { margin:-30px 0 0 0; #margin:-10px 0 0 0; position:relative; left:13px; } #profile form.form dl { width:600px;} #profile dt { width:200px; } #profile dd { margin-left:200px; } #profile form.form input, #profile form.form select, #profile form.form textarea { width:358px; } #profile form.form input.radio, #profile form.form input.checkbox { width:14px; } #profile form.form dl dd.submit { margin:-25px 0 0 -12px; #margin:-5px 0 0 -8px; } #profile .infos { width:230px; position:absolute; right:20px; top:20px; } #profile form.form dl.checklist { margin:0; width:285px; } #profile form.form dl.checklist dt {width:250px; } #profile form.form dl.checklist dd {margin:0 0 0 15px; } #profile form.register dl { width:667px;} #profile form.register input, #profile form.register select, #profile form.register textarea { width:425px; } #profile form.register input.radio, #profile form.register input.checkbox { width:14px; } #profile form.register dl dd.submit { margin:-25px 0 0 -12px; #margin:-5px 0 0 -8px; } #profile form.register dl.checklist { margin:0; width:285px; } #profile form.register dl.checklist dt {width:250px; } #profile form.register dl.checklist dd {margin:0 0 0 15px; } #profile form.register .small { margin:15px 0; } #profile form.register .secondary dt { width:150px; text-align:left; } #profile form.register .secondary dd { margin-left:175px; } #profile form.register .secondary input, #profile form.register .secondary select { width:248px; } #profile form.register .nicyless-status { background:#f5ecc0; border:solid 1px #fed000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0 0 10px 205px; padding:10px; } /* --------------------------------------------------------------------------------------------------------------------- #WEBSITE */ body#website #main { width:545px; padding:20px; float:right; overflow:hidden; background:#dbd9cc; zindex:1; } body#website #sidebar { width:294px; zindex:2; position:absolute; } .sitemap h5 { margin-bottom:5px; } .sitemap .column-1 { width:180px; float:left; } .sitemap .column-2 { width:180px; float:left; } .sitemap .column-3 { width:180px; float:left; } body#website h5 a { color:#695e58; display:block; margin-bottom:5px; } /* --------------------------------------------------------------------------------------------------------------------- #SEARCH */ body#search .pager { position:relative; top:-1px; zindex:3; } body#erreur404 .column-1 { width:140px; float:left; } body#erreur404 .column-2 { width:140px; float:left; } body#erreur404 .column-3 { width:140px; float:left; } body#erreur404 .column-4 { width:140px; float:left; } body#erreur404 .column-5 { width:140px; float:left; } body#erreur404 .column-6 { width:140px; float:left; } body#erreur404 h5 a { color:#695e58; display:block; margin-bottom:5px; } /* --------------------------------------------------------------------------------------------------------------------- #SUPPORT */ body#support #main { width:615px; float:right; overflow:hidden; zindex:1; padding-top:28px; } body#support #main.wide { width:auto; float:none; overflow:hidden; zindex:1; padding-top:28px; } body#support #sidebar { width:245px; zindex:1; } body#support h2 { margin:0; padding:40px 20px 40px 20px; } body#support h4.filter { padding-left:20px; } body#support ul.datalisting a { padding:10px 90px 0 10px; display:block; zoom:1; #margin-bottom:-3px; } body#support ul.datalisting img { float:left; zoom:1; margin-right:30px; } body#support ul.datalisting .title {float:left; font-weight:normal; } body#support ul.datalisting .clear {height:10px; line-height:1px; font-size:1px; clear:both; display:block; } body#support ul.datalisting li a span.cutted { top:48px; } body#support ul.datalisting li a .arrow { top:48px; } body#support .pager { position:relative; top:-1px; zindex:3; margin-bottom:-1px; } .support-view img { float:left; } .support-view .text { margin-left:460px; } .support-view .text .detail { position:relative; top:-10px; } .support-view dl { font-size:11px; margin-bottom:20px; } .support-view dl dt { width:55px; float:left; } .support-view dl dd { margin-left:60px; } /* --------------------------------------------------------------------------------------------------------------------- #NEWSLETTER */ body#newsletter #main { width:615px; float:right; overflow:hidden; zindex:1; background:#f3f1e2; } body#newsletter #sidebar { width:245px; zindex:1; } body#newsletter h2 { margin:0; padding:40px 20px 40px 20px; } body#newsletter form.form input { width:400px; #width:396px; } body#newsletter form.form input.radio { width:14px; } body#newsletter h5 { margin-bottom:5px; } body#newsletter div.border-bottom a { color:#695e58; } div.box-newsletter .float-left { margin-right:15px; } body#newsletter ul.datalisting a { padding:10px 125px 0 10px; display:block; zoom:1; #margin-bottom:-3px; } body#newsletter ul.datalisting img {float:left; zoom:1; margin-right:20px; } body#newsletter ul.datalisting .title { float:left; font-weight:normal; } body#newsletter ul.datalisting .title .date { font-size:40px; line-height:30px; display:block; font-weight:200; } body#newsletter ul.datalisting .title strong.akkurat { font-size:17px; font-weight:400; color:#084; } body#newsletter ul.datalisting .clear { height:10px; line-height:1px; font-size:1px; clear:both; display:block; } body#newsletter ul.datalisting li a span.cutted { top:48px; } body#newsletter ul.datalisting li a .arrow { top:48px; } #profile h4 { margin-left:215px; } body#infos-util h2.blue { margin:0;padding:40px 20px; } body#infos-util p.intro, body#support p.intro, body#newsletter p.intro { padding:0 20px 25px; } body#support ul.indent ul a { padding-left:35px } body#support ul.indent span.parent-category { display:block; padding:5px 20px; font-weight: bold; } body#infos-util span.title-big { font-size:14px; }