/* Copyright Thot'em Interactif 2008 */ /* global.css */ /* import */ @import "init.css"; @import "reserved.css"; @import "menu.css"; @import "cmxform.css"; body { font: 9pt/1.4em Arial, Verdana, Sans-serif; background: url(../media/site/background.jpg) repeat-x #818286; } ul { padding: 0 0 0 20px; } p { color: #838486; } a { position: relative; } input { padding: 2px; } #global { width: 1038px; margin: 0 auto; background: url(../media/site/ombre.png) repeat-y;} #site { width: 1024px; margin: 0 auto; background: url(../media/site/content_repeat2.jpg) repeat-x #E4E4E6; } #top { position: relative; z-index: 1; width: 1024px; height: 228px; margin: 0 auto; background: url(../media/site/bandeau.jpg) no-repeat; } #top-top { position: relative; height: 140px; } #top-left { position: absolute; margin-left: 25px; margin-top: 30px; } #top-right { position: absolute; margin-left: 730px; margin-top: 15px; } #recherche-button { float: left; padding-top: 20px; width: 102px;} #recherche-button input { border: 0; background: none; color: black; font: 8pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; } #recherche-text { float: left; padding-top: 20px; width: 168px; } #recherche-text input { width: 155px; border-color:336699; border-style:inset; border-width:1px; padding: 0; } #global-content { width: 1024px; } #content { width: 1024px; } #content-left { width: 714px; float: left; } #content-right { width: 292px; float: left; } #home-left { width: 623px; padding-left: 25px; float: left; } #home-right { width: 296px; float: right; } #home-banniere { width: 1024px; height: 145px; background: url(../media/site/header/home.png) #000000 no-repeat; margin-top: 15px; } #content h1 { font: 22pt/2.4em Arial, Verdana, Sans-Serif; font-weight: bold; } #content h1.actualites { padding-left: 83px; background: url(../media/site/ico_actualites_grande.png) no-repeat; color: #2DA9DC;} #content h1.entreprises { padding-left: 83px; background: url(../media/site/ico_entreprise_grande.jpg) no-repeat; color: #9C9C94;} #content h1.artisans-commercants { padding-left: 83px; background: url(../media/site/ico_artisan_grande.jpg) no-repeat; color: #933281; } #content h1.collectivites { padding-left: 83px; background: url(../media/site/ico_collectivite_grande.jpg) no-repeat; color: #2DA9DC; } #content h1.particuliers { padding-left: 83px; background: url(../media/site/ico_particulier_grande.jpg) no-repeat; color: #F29400; } #content h2 { font: 38pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; padding-bottom: 25px;} #content #intro hr { border: 0; border-top: 2px dotted #909193; padding-bottom: 25px; } #home-left { margin-top: 30px; } #home-left h1 { padding-left: 0px; padding-bottom: 15px; font: 29pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; } #home-left p { font: 11pt/1.3em Arial, Verdana, Sans-Serif; font-weight: bold; } #home-right { margin-right: 20px; margin-top: 30px; } #home-bloc-actu-top { width: 219px; height: 68px; background: url(../media/site/actus_top.png) no-repeat; font: 17pt/1.5em Arial, Verdana, Sans-Serif; font-weight: bold; color: #2DA9DC; padding-left: 77px; padding-top: 27px; } #home-bloc-actu-center { width: 269px; background: url(../media/site/actus_repeat.png) repeat-y; padding-left: 17px; padding-right: 10px; } #home-bloc-actu-center h1 { padding-left: 0px; padding-top: 0px; font: 14pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; color: #2DA9DC; } #home-bloc-actu-center p { font: 10pt/1.3em Arial, Verdana, Sans-Serif; padding-bottom: 5px; } #home-bloc-actu-center a { font: 10pt/1.3em Arial, Verdana, Sans-Serif; padding-bottom: 5px; font-weight: bold; color: #9C9C94; text-decoration: none; } #home-bloc-actu-bottom { width: 279px; height: 45px; background: url(../media/site/actus_bottom.png) no-repeat; padding-left: 17px; padding-top: 13px; } #home-bloc-actu-bottom a { font: 13pt/1.5em Arial, Verdana, Sans-Serif; font-weight: bold; color: #2DA9DC; text-decoration: none; } #home-bottom { position: relative; height: 157px; margin-top: 20px; padding-left: 15px; } #intro { width: 690px; padding-left: 28px; padding-bottom: 10px; } #intro p { font: 13pt/1.3em Arial, Verdana, Sans-Serif; font-weight: bold; } #intro a { font: 13pt/1.3em Arial, Verdana, Sans-Serif; font-weight: bold; } #intro ul { padding-top: 10px; padding-bottom: 10px; } #intro ul li { font: 13pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; list-style-image: url(../media/site/puce_carre_rose.jpg); color: #838486; padding-bottom: 5px; } #content-principal { position: relative; z-index: 0; width: 684px; padding-left: 20px; } #content-principal-top { position: relative; width: 704px; height: 42px; background: url(../media/site/bloc_top.png) repeat-y; } #content-principal-center { position: relative; width: 651px; background: url(../media/site/bloc_repeat.png) repeat-y; padding-left: 25px; padding-right: 28px; text-align: justify; } #content-principal-bottom { position: relative; width: 704px; height: 37px; background: url(../media/site/bloc_bottom.png) repeat-y; } #content-principal-center h1 { font: 16pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; padding-bottom: 25px; padding-left: 0; } #content-principal-center h2 { font: 15pt/1.5em Arial, Verdana, Sans-Serif; font-weight: bold; padding-bottom: 5px; padding-left: 0; } #content-principal-center h3 { font: 13pt/1.5em Arial, Verdana, Sans-Serif; font-weight: bold; padding-bottom: 5px; padding-left: 0; } #content-principal-center p { font: 11pt/1.3em Arial, Verdana, Sans-Serif; padding-bottom: 10px; clear: both; } #content-principal-center strong { font: 11pt/1.3em Arial, Verdana, Sans-Serif; color: #9C9C94; font-weight: bold;} #content-principal-center ul { padding-bottom: 10px; } #content-principal-center ul li { font: 11pt/1.3em Arial, Verdana, Sans-Serif; list-style-image: url(../media/site/puce_carre_rose.jpg); color: #838486; padding-bottom: 5px; } #content #content-principal-center hr { border: 0; border-top: 2px dotted #909193; padding-bottom: 25px; clear: both; } #intro ul li.pucePurple { list-style-image: url(../media/site/puce-violette.jpg); } #intro ul li.puceGrey { list-style-image: url(../media/site/puce-grise.jpg); } #intro ul li.puceBlue { list-style-image: url(../media/site/puce-bleue.jpg); } #intro ul li.puceOrange { list-style-image: url(../media/site/puce-orange.jpg); } #content-principal-center ul li.pucePurple { list-style-image: url(../media/site/puce-violette.jpg); } #content-principal-center ul li.puceGrey { list-style-image: url(../media/site/puce-grise.jpg); } #content-principal-center ul li.puceBlue { list-style-image: url(../media/site/puce-bleue.jpg); } #content-principal-center ul li.puceOrange { list-style-image: url(../media/site/puce-orange.jpg); } #popup { position: absolute; width: 378px; display: none; z-index: 10; margin-left: 600px; margin-top: -400px; } #popup-top { position: relative; width: 340px; height: 30px; background: url(../media/site/adresse_top.png) repeat-y; padding-left: 38px; padding-top: 40px; font: 15pt/1em Arial, Verdana, Sans-Serif; color: white; font-weight: bold; } #popup-center { position: relative; width: 340px; background: url(../media/site/adresse_repeat.png) repeat-y; padding-left: 38px; font: 12pt/1.5em Arial, Verdana, Sans-Serif; color: #9C9C94; padding-top: 10px; } #popup-center span { font: 12pt/1.5em Arial, Verdana, Sans-Serif; font-weight: bold; } #popup-center a { font: 12pt/1.5em Arial, Verdana, Sans-Serif; color: #E00178; font-weight: bold; } #popup-bottom { position: relative; width: 378px; height: 112px; background: url(../media/site/adresse_bottom.png) repeat-y; } #popup-bottom .close { position: absolute; margin-left: 28px; margin-top: 55px; width: 70px; height: 28px; padding-left: 26px; text-decoration: none; font: 10pt/2.3em Arial, Verdana, Sans-Serif; font-weight: bold; color: #E00178; } #sitemap ul { } #sitemap ul li { list-style-image: none; } #sitemap ul li a { } #sitemap ul li ul li a { background: url(../media/site/puce_carre_rose.jpg) no-repeat left; padding-left: 15px; } #bloc-contact { margin-left: 2px; width: 290px; position: relative; } #bloc-ico { margin-left: 10px; } #bloc-ico-top { width: 274px; height: 13px; background: url(../media/site/bloc_ico_top.png) no-repeat; } #bloc-ico-center { width: 274px; background: url(../media/site/bloc_ico_repeat.png) repeat-y; } #bloc-ico-center hr { width: 272px; margin-top: 8px; margin-bottom: 8px; height: 1px; border-bottom: 0px; border-top: 1px solid #B0B1B3; margin-left: 1px; } #bloc-ico-center .client { border-bottom: 1px solid grey; } #bloc-ico-center .client-left { width: 215px; float: left; text-align: right; } #bloc-ico-center .client-left a { font: 13pt/1.8em Arial, Verdana, Sans-Serif; font-weight: bold; text-decoration: none; } #bloc-ico-center .client-right { width: 45px; float: right; } #bloc-ico-bottom { width: 274px; height: 13px; background: url(../media/site/bloc_ico_bottom.png) no-repeat; } #bloc-content-right { margin-top: 195px; margin-left: 12px; width: 272px; } #bloc-content-right hr { border: 0; border-top: 2px dotted #909193; padding-bottom: 10px; } #bloc-content-right h1 { font: 16pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; padding-bottom: 25px; padding-left: 0; } #greyblocs { width: 680px; height: 110px; position: relative; } #home-bottom .grey-bloc { float: left; width: 141px; height: 90px; background: url(../media/site/cadre_gris.png) no-repeat; padding: 10px; margin-top: 42px; } /* #home-bottom .grey-bloc-top { width: 161px; height: 17px; background: url(../media/site/cadre_gris_top.png) no-repeat; } #home-bottom .grey-bloc-center { width: 141px; background: url(../media/site/cadre_gris_repeat.png) repeat-y; padding-left: 10px; padding-right: 10px; } #home-bottom .grey-bloc-bottom { width: 161px; height: 14px; background: url(../media/site/cadre_gris_bottom.png) no-repeat; } */ #home-bottom .grey-bloc-title { height: 40px; position: relative; } #home-bottom .grey-bloc h1 { font: 12pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; } #home-bottom .grey-bloc hr { border: 0px; height: 1px; border-top: 1px solid #9C9C94; padding: 0; margin: 0; font: 0pt/0em; } #home-bottom .grey-bloc a { font: 10pt/1.5em Arial, Verdana, Sans-serif; color: #838486; text-decoration: none; padding-left: 12px; } #home-bottom .grey-bloc a.pucePurple { background : url(../media/site/puce-violette.jpg) 0px 4px no-repeat; } #home-bottom .grey-bloc a.puceGrey { background : url(../media/site/puce-grise.jpg) 0px 4px no-repeat; } #home-bottom .grey-bloc a.puceBlue { background : url(../media/site/puce-bleue.jpg) 0px 4px no-repeat; } #home-bottom .grey-bloc a.puceOrange { background : url(../media/site/puce-orange.jpg) 0px 4px no-repeat; } #footer { font: 8pt/1.4em Arial, Verdana, Sans-serif; color: #838486; padding: 20px 30px; } #footer p, #footer a { font: 8pt/1.4em Arial, Verdana, Sans-serif; color: #838486; } /* class */ .spacerwidth2 { float: left; width: 2px; } .spacerwidth5 { float: left; width: 5px; } .spacerwidth10 { float: left; width: 10px; } .spacerheight2 { height: 2px; } .spacerheight5 { height: 5px; } .msgconfirm { background: #C4EFC2; border: 1px solid #1B9F13; padding: 5px; color: #1B9F13; font: 9pt/1.2em Verdana, Arial, Sans-Serif; font-weight: bold; margin-bottom: 10px; } .msgerror { background: #EFA4A7; border: 1px solid #EF0E17; padding: 5px; color: #EF0E17; font: 9pt/1.2em Verdana, Arial, Sans-Serif; font-weight: bold; margin-bottom: 10px; } .title1_top { font: 18pt/2em Arial, Verdana, Sans-Serif; font-weight: bold; color: #9C9C94; } .title2_actu { font: 15pt/2em Arial, Verdana, Sans-Serif; font-weight: bold; color: #9C9C94; } .title2_numbers { font: 22pt/1em Arial, Verdana, Sans-Serif; font-weight: normal; color: #E00178; } .colorGrey { color: #9C9C94; } .colorPink { color: #E00178; } .colorPurple { color: #933281; } .colorBlue { color: #2DA9DC; } .colorOrange { color: #F29400; } .colorgrey { color: #9C9C94; } .colorpink { color: #E00178; } .colorpurple { color: #933281; } .colorblue { color: #2DA9DC; } .colororange { color: #F29400; } .highlight { background-color: #E00178; color: black; } /* Form */ .form-left { float: left; width: 150px; padding-bottom: 15px; padding-right: 5px; font: 10pt/1.4em Verdana, Arial, Sans-Serif; text-align: right; } .form-right { float: left; width: 480px; padding-bottom: 10px; }