/********** Styles Catégories Kiwii v3 **********/ body { padding: 0; } h1 { color:#999; font-family: "Arial Black"; font-size: 2em; margin-top:15px; } /* Définitions des bg_body pour chaque catégorie */ body#accueil { background: transparent url(img/bg_body-references.jpg) left top repeat-x; } body#solutions { background: transparent url(img/bg_body-solutions.jpg) left top repeat-x; } body#creation-site-internet { background: transparent url(img/bg_body-creation-site-internet.jpg) left top repeat-x; } body#ecommerce { background: transparent url(img/bg_body-ecommerce.jpg) left top repeat-x; } body#references { background: transparent url(img/bg_body-references.jpg) left top repeat-x; } body#devis { background: transparent url(img/bg_body-devis.jpg) left top repeat-x; } body#actus { background: transparent url(img/bg_body-ecommerce.jpg) left top repeat-x; } body#besancon { background: transparent url(img/bg_body-besancon.jpg) left top repeat-x; } body#notFound { background: transparent url(img/bg_body-default.jpg) left top repeat-x; } body#search { background: transparent url(img/bg_body-default.jpg) left top repeat-x; } body#sitemap { background: transparent url(img/bg_body-default.jpg) left top repeat-x; } body#news { background: transparent url(img/bg_body-default.jpg) left top repeat-x; } body#cinema { background: transparent url(img/bg_body-besancon.jpg) left top repeat-x; } /* Attribution d'une class=current pour lles éléments du menu */ body#solutions #menu ul.menuList li.current a { color: #fc9; } body#creation-site-internet #menu ul.menuList li.current a { color: #A8D8DC; } body#ecommerce #menu ul.menuList li.current a, .news h4 a { color: #a0c061; } body#references #menu ul.menuList li.current a { color: #ffc; } body#devis #menu ul.menuList li.current a { color: #fcf; } body#besancon #menu ul.menuList li a:hover, .article p a { color: #690; } /* Définition des header pour chaque catégorie */ #header { float: left; width: 1000px; height: 170px; } body#accueil #header { background: transparent url(../../site-internet/header_references.jpg) left top no-repeat; } body#ecommerce #header { background: transparent url(../../ecommerce/header_ecommerce.jpg) left top no-repeat; } body#solutions #header { background: transparent url(../../solutions-internet/header_solutions-internet.jpg) left top no-repeat; } body#creation-site-internet #header { background: transparent url(../../site-internet/header_creation-site-internet.jpg) left top no-repeat; } body#references #header { background: transparent url(../../site-internet/header_references.jpg) left top no-repeat; } body#devis #header { background: transparent url(../../devis/header_devis-site-internet.jpg) left top no-repeat; } body#besancon #header { background: transparent url(../../besancon/header_besancon.jpg) left top no-repeat; } body#notFound #header { background: transparent url(../../site-internet/header_404.jpg) left top no-repeat; } body#search #header { background: transparent url(../../site-internet/header_search.jpg) left top no-repeat; } body#sitemap #header { background: transparent url(../../site-internet/header_sitemap.jpg) left top no-repeat; } body#news #header { background: transparent url(../../site-internet/header_besancon.jpg) left top no-repeat; } body#news #header { float: left; width: 1000px; height: 90px; } body#news #horizontalBar { float: left; width: 1000px; height: 50px; padding-top: 10px; } /* horizontalBar page solutions, besancon*/ #horizontalBar { float: left; width: 1000px; height: 110px; padding-top: 10px; } * html #horizontalBar { margin-top: -15px; } #horizontalBar .tag { background: url(img/tag.gif) left 3px no-repeat; padding-left: 30px; margin-top: -10px; } #horizontalBar .trait_droite { background: transparent url(img/hbar_split.png) right 15px no-repeat; } #horizontalBar ul.puce_verte { list-style-type: none; margin: 0 0 0 15px; float: left; padding: 10px 25px 0 0; } #horizontalBar ul.puce_verte li { background: transparent url(img/puce_plusvert.gif) left 2px no-repeat; padding-left: 20px; margin-bottom: 3px; } #horizontalBar ul.puce_verte li a { font-family: arial; font-size: 13px; color: #999; text-decoration: none; } #horizontalBar ul.puce_verte li a:hover { text-decoration: underline; } #horizontalBar #message { float: left; margin-right: 50px; padding: 0 30px;} #horizontalBar #message p.reduction { font-size: 16px; font-weight: bold; color: #999; } #horizontalBar #message p.autoEnt { font-size: 14px; font-weight: bold; color: #B67126; } #horizontalBar #regis{ float: left; margin: 0 10px; width: 260px; padding-right: 10px; height: 110px; } #horizontalBar #regis p { margin: 0 0 5px 0;} #horizontalBar #regis p.pic { float: left; width: 107px; margin-right: 10px; } #horizontalBar #regis h3 { float: left; width: 140px; margin-top: 0px; } #horizontalBar #regis h3 a { text-decoration: none; color: #333; } #horizontalBar #regis p.auteur { float: left; width: 140px; color: #666; } #horizontalBar #regis p.readNews { float: left; width: 140px; } #horizontalBar #regis p.readNews a { float: left; width: 140px; color: #669900; } a.tarifsDevis { display: block; float: left; width: 184px; height: 90px; margin-top: 10px; } #solutions .vignette { float:left; height:150px; width:280px; padding: 110px 30px 0 30px; } #solutions .vignette h2 a { display: block; text-align: center; color: #720000; font-size: 14px; text-decoration: none; } #solutions .vignette p.desc { color: #333; font-size: 12px; padding: 0 15px; text-align: center; } #solutions #hebergement { background: url(../../solutions-internet/solutions_hebergement.jpg) center center no-repeat; } #solutions #creation_site { background: url(../../solutions-internet/solutions_creation-site-internet-multimedia.jpg) center center no-repeat; } #solutions #webdesign { background: url(../../solutions-internet/solutions_maquette-graphique-design.jpg) center center no-repeat; } #solutions #e_commerce { background: url(../../solutions-internet/solutions_ecommerce-vente-en-ligne.jpg) center center no-repeat; } #solutions #referencement { background: url(../../solutions-internet/solutions_referencement.jpg) center center no-repeat; } #solutions #open_source { background: url(../../solutions-internet/solutions_open-source.jpg) center center no-repeat; } #solutions #maintenance { background: url(../../solutions-internet/solutions_contrat-de-maintenance.jpg) center center no-repeat; } #solutions #marque_blanche { background: url(../../solutions-internet/solutions_soustraitance-marque-blanche.jpg) center center no-repeat; } /* PAGE references */ #references #temoignages { float: left; width: 200px; height: 66px; padding: 15px; border: 1px solid #e8e8e8; margin: 3px 50px 0 0;} #references #temoignages img {float: left; width: 66px; margin-right: 15px; } #references #temoignages p { margin: 0; font-size: 14px; font-weight: bold; color: #666; line-height: 17px; } #references #temoignages p span { font-size: 18px; } #references #temoignages a.or { display: block; color: #C0880F; font-weight: bold; font-size: 14px; margin-top: 12px; text-decoration: none;} #references #quoteOpen { background:transparent url(img/quote_open.gif) no-repeat scroll left 15px; float:left; height:120px; margin:0 15px 0 20px; width:20px; } #references #citation { background:transparent url(img/quote_close.gif) no-repeat scroll 380px 70%; float:left; height:110px; width:400px; } #references #citation q { display: block; color:#7B7B7B; font-family:"Times New Roman"; font-size:25px; line-height:22px; margin:15px 0 0 0; } #references #citation q:before, #references #citation q:after { content: ""; } #references .reference { width: 475px; float: left; } #references .marginLeft {margin-left: 50px; } #references .reference img { float: left; width: 195px; height: 140px; margin-right: 15px; border: 3px solid #fff; } #references .reference a:hover img { border: 3px solid #ccc; } #references .reference h2 { float: left; width: 255px; margin: 0 0 10px 0; } #references .reference h2 a { color: #666; font-size: 16px; font-family: "Arial Black"; text-decoration: none; } #references .reference h2 a:hover { text-decoration: underline; } #references p.desc { float: left; width: 255px; color: #999; font-size: 12px; } #references p.link { float: left; width: 255px; color: #ccc; font-size: 12px; } #references .greyBar { float: left; width: 100%; height: 5px; background-color: #F7F7F7; margin: 25px 0; } /* PAGE creation-site-internet */ #creation-site-internet #horizontalBar #w3c_img { float: left; width: 500px; margin: 30px 0 0 100px; } #creation-site-internet #horizontalBar #w3c_img img { float: left; margin-right: 40px; } #creation-site-internet #horizontalBar #w3c_img img.small { margin-top: 10px; } /* PAGE devis */ #devis #horizontalBar { height: 120px; padding-top: 10px; } #devis #KiwiiAddress { float: left; width: 250px; height: 115px; padding-left: 95px; padding-top: 5px; background: url(../../devis/devis_adresse-kiwii.gif) left 15px no-repeat;} #devis #KiwiiAddress address { font-size:14px; line-height:16px; margin:0; color:#666; margin-top: 10px; } #devis #KiwiiAddress address span.organisation { font-size:16px; font-weight:bold; margin:0; } #devis #KiwiiAddress address span.tel { display:block; font-size:18px; margin-top:10px; } #devis .separateur { float: left; width: 40px; height: 120px; background: url(img/hbar_split.png) center center no-repeat;} #devis #KiwiiHoraires{ float: left; width: 160px; height: 90px; background: url(../../devis/devis_horaires.gif) left 20px no-repeat; padding: 10px 0 0 40px; color:#999; } #devis #googleMap { float: left; width: 339px; height: 120px; margin: 3px 0 0 15px; } #devis #contact { border: 8px solid #FCEDF4; padding: 40px 25px; background-color: #FFFCFD; } #devis #contact form { color: #666; } #devis #contact .col1 { width: 415px; float: left; padding-right: 35px; } #devis #contact .col2 { width: 450px; float: left; padding: 0; } #devis #contact .col1 *, #devis #contact .col2 * { float: right; } #devis #contact .colonne input, #devis #contact .colonne textarea { width: 250px; } #devis #contact em { width: 15px; color: #DA448F; font-weight: bold; } #devis #contact .col1 textarea { height: 60px; } #devis #contact .col2 input, #devis #contact .col2 textarea { width: 250px; } #devis #contact .col2 label { float: left; margin-left: 15px; } #devis #contact .col2 textarea#message { width: 400px; height: 265px;} #devis #contact label { margin-right: 10px; } #devis #contact .ciseaux { margin: 0 50px; } #devis #horizontalBar a, #devis .resource a { color: #DD589A; } #devis #horizontalBar a:hover, #devis .resource a:hover { text-decoration: none; } #devis #contact table { border: 0; float: left; width: 500px; margin-right: 100px; margin-left: 50px; } #devis #contact table th { border: 0; } #devis #contact table td { border: 0; } #devis #contact .col3 { width: 500px; float: left; padding-left: 50px; } #devis #contact .col4 { width: 350px; float: left; } #devis #contact .col3 input[type=text] { width: 350px; margin-bottom: 25px; } #devis #contact .col4 input[type=text] { width: 330px; margin-bottom: 25px; } #ContactSentTrue, #ContactSentFalse { margin: 10px 0; padding: 10px; font-size: 1.4em; text-align: center; background-color: #fff; } #ContactSentTrue { border: 3px solid #CEE7AB; color: #8FC73E; } #ContactSentFalse { border: 3px solid #E0B1B1; color: #C06262; } /* LeftCol */ #twoCol { float: left; width: 1000px; padding-top: 30px; } #twoCol #leftCol { float: left; width: 680px; padding-right: 20px; border-right: 1px dotted #ccc; } #twoCol #rightCol { float: right; width: 279px; padding-left: 20px; } #twoCol #leftCol h1 { color: #999; font-size: 2.4em; margin-top: 0; } #twoCol #rightCol img { margin-left: 20px; } .intro { font-size: 1.8em; color: #999; border-left: 3px solid #ccc; padding-left: 20px; } /* rightCol */ .back2 { background: url(img/back2.gif) top left no-repeat; padding-left: 40px; font-weight: bold; } .back2 a { color: #999; } .back2 a:hover { text-decoration: none; } ul.inShort, ul.inShort li { padding-left: 0; display: block; } ul.inShort li { list-style-type: none; padding-bottom: 4px; font-size: 90%; margin-left: -30px; background: url(img/puce_enbref.gif) 0 2px no-repeat; padding-left: 15px; } ul.inShort li a { text-decoration: none; color: #666; } ul.inShort li a:hover { color: #B31900; } ul.nuage { list-style-type: none; margin: 0; margin-top: 30px; } ul.nuage li { display: inline; } .news {} .news h4 a { text-decoration: none; } .news h4 a:hover { text-decoration: underline; } .news p { color: #666; line-height: 120%; } .news_date {font-style: italic; font-size: 90%; margin-bottom: 20px; color: #ccc; } /* ecommerce */ #banques { width: 170px; float: left; } #banques_slide { margin: 0; padding: 0; list-style-type: none; } .chapo_cat { background-color: #F2F6E9; padding: 2px 22px; font-family: "Times New Roman"; font-size: 20px; color: #690; } .infos_colRight {font-style: italic; font-size: .8em; border: 3px solid #E2E2E2; border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; color: #666; padding: 6px;} /* List article */ .article { float: left; margin-bottom: 30px; width: 94%; } .article h2 { font-family: "Arial Black"; font-size: 1.8em; } .article h2 a { color: #333; text-decoration: none; } .article h2 a:hover { text-decoration: underline; } .article p { text-align: justify; color: #666; } .article p a, .article ul li a, .article ol li a, .intro a { color: #099DE5; } .article p a:hover, .article ul li a:hover, .article ol li a:hover, .intro a:hover { text-decoration: none; } .article p.article_details { clear: left; font-size: 90%; font-style: italic; color: #ccc; } .article p.article_details a { text-decoration: none; color: #ccc; } .article p.article_details a:hover, .intro a:hover { text-decoration: underline; } .article ul, article ol { color: #666; } .parution { float:left; width:70px; display: block; margin-right:20px; margin-bottom: 10px; padding: 0; background-color: #fff; border: 1px solid #ccc; } .parution p { margin: 0 0 6px 0; text-align:center; color:#999; text-transform: uppercase; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; } .parution span.day { font-size:2.8em; display:block; margin-bottom: -10px; } .parution span.month { font-size:1.4em; display:block; margin-bottom: 0; } .parution span.year { font-size:1.2em; display:block; margin-top: -6px; color: #ccc; } /* PAGE 404 */ #errorMsg { float: left; width: 840px; padding: 0 80px;} /* PAGE search */ #searchResults { float: left; width: 840px; padding: 0 80px; } p.score { color: #690; } /* PAGE sitemap */ #map { float: left; width: 840px; padding: 0 80px; } #searchResults h1, #map h1, #errorMsg h1 { font-size: 3em; font-family: "Arial Black"; } /* Prev, Next Page */ .nextpage { float: right; margin-right: 40px; } .prevpage { float: left; } .nextpage a, .prevpage a { color: #999; font-size: 16px; text-decoration: none; } .nextpage a:hover, .prevpage a:hover { text-decoration: underline; } .nextpage, .prevpage { padding-right: 6px 20px; background: transparent url(img/prevnextpage.gif) left top no-repeat; text-indent: 24px; } /* Hack IE6 */ * html #solutions .vignette { padding:150px 30px 0; } /* Hack IE7 */ *:first-child+html #solutions .vignette { padding:150px 30px 0; }