html, body {
margin:0; padding:0;
}
body {
background:#2f2f2f url(zims/frontend/body-v1.jpg) center 0 repeat-x;
background-attachment:scroll;
/*background:#000;*/
color:#4f422d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*background:#2f2f2f url(zims/frontend/body-noel.gif) 50% 0 no-repeat;*/
}
/*html.js embed { text-indent:-5000px;}*/
/******************************************************************************************************************************
(X)HTML
******************************************************************************************************************************/
/**
*** TITRES
************************************************************/
h1, h2, h3, h4, h5, h6 {
cursor:default;
margin:0; padding:0;
}
h1 {
}
h2 {
}
h3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:10px; padding:0;
font-size:18px; font-weight:normal; color:#ED3887;
}
h4 {
}
h5 {
}
h6 {
}
/**
*** PARAGRAPHES, LIENS, ETC
************************************************************/
p {
margin:10px; text-align:justify; line-height:1.5;
}
a {
color:#e41770; text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active, a:focus { outline:0; }
/**
*** LISTES
************************************************************/
ul {
margin:10px 40px; padding:0;
}
li {
}
dl {
}
dt {
}
dd {
}
/**
*** FORMULAIRES
************************************************************/
form {
display:block; margin:0; padding:0;
}
fieldset {
margin:10px 15px; padding:10px 0;
background:transparent url(zims/frontend/fieldset.gif) 0 100% repeat-x;
border:0px dashed #4f422d;
border:1px solid #e1e1e1;
}
fieldset p {
margin:0px; padding:5px 10px;
border:0px solid #fff;
}
fieldset p.focus { }
label {
float:left; padding:0 10px 0 0;
width:160px;
cursor:pointer;
}
legend { color:#ff0576; font-size:18px; font-weight:normal; margin:0 0 0 10px; padding:0 5px;
font-family:"Trebuchet ms";
}
input, textarea, select {
background:#fff;
border:1px solid #605542;
background:#eee;
border:1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
input, textarea {
padding:3px 0px; text-indent:5px;
}
optgroup { font-style:normal; color:#FF3790; padding:2px 2px; }
option { color:#4f422d; }
optgroup option { padding:3px 5px 1px 5px; }
input.focus, textarea.focus, select.focus { border-color:#FF3790; border-color:#ebebeb; border-color:#ff0576; background:#fafafa; }
.missingField label { color:#ec0001; }
.missingField input, .missingField textarea, .missingField select { border-color:#ec0001; }
.invalidField label { color:#ec0001;}
.invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }
input.readonly { background:#fafafa; }
.formButtons {
border-top:1px dashed #CCCCCC;
direction:rtl;
margin:0 10px; padding:10pt 0pt 5px 170px;
text-align:left;
}
.formButtons input {
}
.submitField { }
.imageButton { background:transparent; border:0; padding:0; }
.submitField.hover { font-size:18px; }
.formErrors { margin:0; padding:10px 0 10px 15px; }
.formErrors li { list-style:none; margin:0px 0 5px 0; padding-left:24px; line-height:16px; color:#ec0001; background:transparent url(zims/icons/warning-02.gif) 0 0 no-repeat; }
p.uniqueCheckBoxField input { margin-left:170px; }
p.uniqueCheckBoxField label { float:none; position:relative; bottom:2px; }
/**
* Boutons radio
*/
div.fieldsList {
overflow:auto;
padding-left:180px;
position:relative;
margin-top:10px;
margin-bottom:10px;
}
div.fieldsList div.fieldsListTitle { position:absolute; top:0; left:0; width:170px; padding:5px 10px 5px 10px; }
div.fieldsList div.fields { padding-left:5px; }
div.fieldsList div.fields div { margin:3px 0; }
div.fieldsList div.fields div label { float:none; clear:none; }
div.fieldsList div.fields div input { position:relative; top:2px; }
div.fieldsList label:hover { color:#FF3790; }
div.radio-field input { background:transparent; border:0; }
.uniqueCheckBoxField input { background:transparent; border:0; }
/**
*** TABLEAUX
************************************************************/
table { margin:10px; padding:0; border-spacing:0; border-collapse:collapse; }
th, td { border:1px solid #9a9a9a; }
th { background:#fafafa; padding:4px 5px; font-size:11px; font-weight:bold; }
td { padding:2px 5px; background:#fff; }
span.toulousebynet {
}
span.toulousebynet .toulouseby { }
span.toulousebynet .toulouse { font-weight:bold; color:#DF1869; margin-right:1px; }
span.toulousebynet .by { }
span.toulousebynet .net { }
#ConditionsGenerales span.toulousebynet .toulouse { color:#4f422d;font-weight:bold; }
#ConditionsGenerales span.toulousebynet .by { color:#4f422d;font-weight:bold; }
#ConditionsGenerales span.toulousebynet .net { color:#4f422d;font-weight:bold; }
#ConditionsGenerales h3 span.toulousebynet .toulouse { color:#ff0576;font-weight:normal; }
#ConditionsGenerales h3 span.toulousebynet .by { color:#ff0576;font-weight:normal; }
#ConditionsGenerales h3 span.toulousebynet .net { color:#ff0576;font-weight:normal; }
/******************************************************************************************************************************
LAYOUT
******************************************************************************************************************************/
#______________________________LAYOUT{}
/*#page-actualites {background-color:#391227; }
#page-sorties {background-color:#3f290d; }
#page-annuaire {background-color:#212907; }
#page-emploi {background-color:#09272d; }
*/
html, body {
height: 100%;
}
#main { padding:0 0px 0 0; width:980px; margin:0 auto 0 auto; min-height: 100%; position:relative;
background:transparent url(zims/frontend/body-v1.jpg) 0 0 repeat-x;
}
#headWrapper { background:transparent url(zims/frontend/header-v3.jpg) 0 0 no-repeat; }
#header { height:141px; height:187px; margin:0px 10px; padding:0 0px; position:relative; }
#header h1 { display:block; width:100%; height:141px; margin:0; padding:0; }
#header #HomeLink { display:block; width:310px; height:100%; text-indent:-5000px; overflow:hidden; }
/**
*
*/
#HeadUserInfo {
position:absolute; top:0px; right:0px;
display:block;
width:320px; height:40px;
text-align:right;
color:#fff;
}
#HeadUserInfo #hEspaceMembreLink {
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
position:absolute; top:30px; right:8px; z-index:998;
color:#fee0ed;
}
#HeadUserInfo #hEspaceMembreLink:hover { color:#fff; }
#hUsername, #hLogoutLink { display:block; font-family:Trebuchet ms, Arial, Helvetica, sans-serif; color:#fee0ed; }
#hUsername:hover, #hLogoutLink:hover { color:#fff; }
#hUsername { margin:2px 7px 0 0; font-weight:bold; }
#hLogoutLink { margin:0px 7px 0 0; }
#hLogoutLink:hover { text-decoration:underline; }
#MiniLoginForm {
position:absolute; right:0px; top:0px;
width:209px; height:32px;
background:transparent url(zims/frontend/head-logon.png) 0px 0 no-repeat;
}
#MiniLoginForm label{ display:none; }
#MiniLoginForm input{ margin:0; }
#MiniLoginForm #husername, #MiniLoginForm #hpwd {
border:0; background:#fff;
font-size:11px;
text-align:center;
padding:3px;
text-indent:0;
position:relative; bottom:6px;#bottom:4px;
}
#MiniLoginForm #husername.default, #MiniLoginForm #hpwd.default { color:#a9a9a9; }
#MiniLoginForm #husername { width:82px;position:absolute; top:6px; left:6px; }
#MiniLoginForm #hpwd { width:73px; position:absolute; top:6px; left:96px; }
#MiniLoginFormSubmit { position:absolute; top:6px; left:179px; }
#FlashNews {
background:transparent;
height:60px;
/*opacity:0.8;*/
overflow:hidden;
position:absolute;
right:0px;
top:38px;
width:155px; height:104px;
}
#header .pubWrapper {
position:absolute;
bottom:53px; right:156px;
/** xmas bottom:40px; right:0px; */
width:475px; height:70px;
background:transparent url(zims/frontend/pubs/banner-head.png) 0 0 no-repeat;
}
#header .pubWrapper a { position:absolute; top:0; left:0; _top:2px; }
#Heure {
background:transparent;
height:12px;
opacity:0.8; font-size:11px;
overflow:hidden;
position:absolute;
right:8px; text-align:right;
top:51px;
width:40px;
color:#fff; font-weight:bold;
}
/*#Heure {
background:transparent;
opacity:0.8; font-size:20px;
overflow:hidden;
position:absolute;
right:20px; text-align:right;
top:147px;
color:#fff; font-weight:bold;
}*/
#Footer-v1 {
width:980px; padding-top:130px; padding-bottom:5px;
margin:0 0 0 -490px;
background:transparent url(zims/frontend/footer-v4.jpg) 0 0 no-repeat;
position:absolute; bottom:0; left:50%;
clear:both; /*visibility:hidden;*/
}
#Footer-v1 h6 {
margin:0; padding:6px 0px 0 10px;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
font-size:16px; font-weight:normal; color:#bbb;
}
#Footer-v1 p {
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
}
#Footer-v1 #FootColumn1 { left:11px; }
#Footer-v1 #FootColumn2 { left:251px; }
#Footer-v1 #FootColumn3 { left:490px; }
#Footer-v1 #FootColumn4 { left:729px; }
.FooterColumn { position:absolute; top:12px; width:239px; height:110px; }
.FooterColumn ul { margin:0; padding:5px 10px; }
.FooterColumn ul li { margin:0; padding:0; height:20px; line-height:16px; list-style:none; }
#Footer-v1 #FootColumn2 ul { }
#Footer-v1 #FootColumn2 li { float:left; width:105px; #height:14px; line-height:14px; }
.FooterColumn ul li a { color:#888; display:inline; margin:0; padding:0; font-family:Trebuchet ms, Arial, Helvetica, sans-serif; }
.FooterColumn ul li a:hover { color:#aaa; }
#FooterLink-rss { padding-left:16px; background:transparent url(zims/buttons/rss/rss-12.gif) 0 2px no-repeat; }
#FooterCopyrights {
}
#FooterCopyrights p { margin:0; text-align:center; text-align:center; color:#ccc; }
#ConceptionCreditLink { text-decoration:none; color:#4b7ba2; font-weight:bold; padding-left:13px; background:transparent url(zims/frontend/crea2f-squares.gif) 0 3px no-repeat; }
#ConceptionCreditLink span { color:#c5a624; }
#ConceptionCreditLink:hover { color:#4D92C9; }
#ConceptionCreditLink:hover span { color:#FACE15; }
#FooterInfo {
}
#FooterInfo p { margin:0; text-align:center; }
#FooterInfo p a { font-size:10px; color:#7f7f7f; }
p#OrganisateurOfficiel {
font-size:11px;
}
p#OrganisateurOfficiel a { color:#aaa; font-weight:bold; text-decoration:none; }
p#OrganisateurOfficiel a span { color:#C0AB1E; }
p#OrganisateurOfficiel a:hover { color:#eee; }
p#OrganisateurOfficiel a:hover span { color:#dfc727; }
#GlobalWrapper { overflow:auto; _overflow:auto; padding-bottom:190px; }
#MainColumn { width:630px; margin:0px 0px 0px 10px; _width:617px; overflow:hidden; }
#SideColumn {
float:right; margin:0px 10px 0 10px; _margin-left:0px;
width:320px;
position:relative;
_position:relative; _left:8px;
}
#______________________________MAINBOX{}
/**
* Box centrale
*/
.mainBox {
background:#fff 0 100% repeat-x;
margin:0 0 10px 0;
padding:10px 0px 30px 10px;
position:relative;
}
div.mainBox div.mainBoxOverlay {
position:absolute; top:0; left:0; z-index:-1;
width:100%; height:100%;
background:#fff;
}
.mainBox h3 { width:574px; }
#______________________________SIDEBOX{}
/**
* Box latérale
*/
.sideBox {
background:#fff url(zims/frontend/box-01.jpg) 0 100% repeat-x; float:none; clear:both;
margin:0 0 10px 0;
padding:10px 10px 10px 10px; _margin-bottom:5px;
position:relative;
}
.sideBox.pub { padding-bottom:10px; _margin-bottom:10px; }
.PubSideBox { text-align:center; padding-bottom:10px; }
.PubSideBox a { margin:0 10px; }
#annoncesDepotSideBox { padding-bottom:0px; background:#fff; }
#EmploiCandidatsSideBox { padding-bottom:10px; background:#fff; }
#EmploiEntreprisesSideBox { padding-bottom:10px; background:#fff; }
#______________________________BOBOX{}
/**
* Bobox
*/
.bobox {
position:relative;
clear:both;
float:none;
width:605px;
margin:0px auto 0px auto;
padding:0 0 10px 0;
background:transparent url(zims/frontend/bobox/bobox.png) 50% 100% no-repeat;
_background:transparent url(zims/frontend/bobox/bobox-ie.jpg) 50% 100% no-repeat;
}
.bobox .top { width:605px; height:10px; position:absolute; top:0; left:0; background:#fff url(zims/frontend/bobox/top.png) 0 0 no-repeat; _background-image:none; _display:none; }
.bobox .inner { width:592px; margin:0 0 0 6px; padding:0 0 0px 0; border-top:1px solid #f6f6f6; position:relative; }
.bobox .bottom { height:12px; margin:0; position:absolute; bottom:-12px; left:0; width:605px; _bottom:-12px; }
.bobox h3 { margin:0 !important; width:573px; position:relative; right:1px; }
.bobox form fieldset { background:transparent; border:0; }
.bobox form ul.formErrors { padding:20px 0 0 20px; }
.bobox h4 { margin:0 !important; width:573px; position:relative; right:0px; text-indent:5px; }
.bobox.petiteAnnonce .inner { }
.petiteAnnonce.premium {background:#fff url(zims/frontend/bobox/premium-annonce.png) 50% 100% no-repeat;}
.petiteAnnonce.premium .top {background:#fff url(zims/frontend/bobox/premium-annonce-top.png) 0 0 no-repeat;}
#______________________________HALF-BOBOX{}
/**
* Bobox
*/
.halfBobox {
background:transparent url(zims/frontend/bobox/half-bobox.png) 50% 100% no-repeat;
_background:transparent url(zims/frontend/bobox/half-ie.jpg) 50% 100% no-repeat;
border:0px solid red;
float:left;
/*height:65px;*/
margin:0px 0pt 0px 0px;
overflow:hidden;
padding:0pt 0pt 10px 0;
position:relative;
width:300px;
}
.halfBobox .top { width:300px; height:10px; position:absolute; top:0; left:0; background:#fff url(zims/frontend/bobox/half-top.png) -1px 0 no-repeat; }
.halfBobox .inner { width:288px; margin:0 0 0 6px; padding:0 0 0px 0; border-top:1px solid #f6f6f6; position:relative; }
.halfBobox h4 { width:288px; position:relative; right:2px; margin:0; padding:0; text-indent:5px; }
#______________________________PAGINATION{}
/**
* Pagination
*/
.navigationInfo {
text-align:right;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#5f5f5f;
margin:0 20px 10px 0;
}
.paginationLinks {
position:relative;
text-align:center;
line-height:14px;
margin:7px 15px 5px 13px;
}
.paginationLinks span.currentPage { font-size:14px; font-weight:bold; }
.paginationLinks a.PageLink { font-size:14px;
}
.paginationLinks span.currentPage, .paginationLinks a.PageLink { }
.paginationLinks .PrevLink, .paginationLinks .NextLink {
position:absolute; top:0;
font-size:13px;
}
.paginationLinks .PrevLink {
left:0;
}
.paginationLinks .NextLink {
right:0;
}
/**
* Pagination V2
*/
.PaginationLinks {
position:relative;
clear:both;
float:none;
width:375px;
margin:5px 0px 0px 0px;
padding:0px 100px 0px 118px;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
text-align:center;
line-height:17px;
font-size:17px;
color:#ff0576;
}
.PaginationLinks span.CurrentPage { font-size:17px; color:#888; }
.PaginationLinks a.PaginationLink { font-size:17px;
}
.PaginationLinks span.CurrentPage, .PaginationLinks a.PaginationLink { margin:0 3px; }
.PaginationLinks .PrevLink, .PaginationLinks .NextLink {
position:absolute; top:50%;
margin:0; margin-top:-7px;
font-size:13px;
}
.PaginationLinks .PrevLink {
left:3px;
}
.PaginationLinks .NextLink {
right:0;
}
#mainBoxActualites .PaginationLinks a.PaginationLink,
#mainBoxActualites span.CurrentPage { margin:0 5px; }
#EmploiOffresMainBox .PaginationLinks { margin-bottom:31px; }
#______________________________DIALOG{}
/**
* Dialog
*/
.ui-dialog-content p { margin:10px; text-align:center; }
div.DialogWindowContent { display:none; }
#______________________________MISC{}
.information.confirmation { height:32px; line-height:40px; padding-left:40px; background:transparent url(zims/icons/true-32.jpg) 0 0 no-repeat; }
.information.mustbemembre { height:32px; line-height:40px; padding-left:40px; background:transparent url(zims/icons/users.jpg) 0 0 no-repeat; }
#______________________________ADS{}
.mainBox div.pubWrapper {
text-align:center; margin:10px auto; position:relative; clear:both;
width:475px; height:70px;
background:transparent url(zims/frontend/pubs/banner.jpg) 0 0 no-repeat;
}
.mainBox div.pubWrapper a {
position:absolute; top:0; left:0;
}
#header div.pubWrapper object { width:468px; height:60px; position:relative; right:4px; #right:0px; }
.mainBox div.pubWrapper object { width:468px; height:60px; position:relative; right:4px; #right:0; }
#InfosPratiquesSideBox {
padding:0px 0 0 0px; margin-left:5px;
background:#fff url(zims/frontend/infos-pratiques-sidebox.jpg) 0 0 repeat-x;
}
#page-actualites #InfosPratiquesSideBox h2 {
background:transparent url(zims/frontend/h2/infos-pratiques.jpg) 0 0 no-repeat;
color:#687076;
}
#InfosPratiquesSideBox a { color:#687076; position:relative; top:4px; left:5px; }
#InfosPratiquesSideBox a:hover { color:#ff0576; text-decoration:none; }
#PharmaciesDeGardeLink { position:relative; top:7px; }
#ParmaciesDeGarde {
min-height:213px;
}
#______________________________jGMAPS{}
/**
* GMap
* (43.60488338255023, 1.4474058151245117)
* (43.606654663515805, 1.443479061126709
* 0.1771280965575, 0.3926753997802
*/
#MainColumn div.jGMap {
margin:10px 20px 10px 10px;
border:1px dotted #888;
background:#fafafa;
clear:both;
}
#SideColumn div.jGMap {
margin:0px;
border:1px dotted #888;
background:#fafafa;
clear:both;
height:300px;
background:transparent url(../media/images/loading.gif) 50% 50% no-repeat;
overflow:hidden;
}
#SideColumn div.jGMap #GMapInfoWindow, #SideColumn div.jGMap .GMapInfoWindow {
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
}
#GMapInfoWindow, .GMapInfoWindow {
}
#GMapInfoWindow strong, .GMapInfoWindow strong { color:#ff0576; }
.GMapInfoWindow strong { color:#ff0576; }
.GMapInfoWindow strong a { color:#ff0576; }
.GMapInfoWindow span {float:left; color:#888; }
.GMapInfoWindow span.address { }
.GMapInfoWindow span.cp { clear:left; margin-right:5px; }
.GMapInfoWindow span.ville { }
#SideColumn #jGMapNotFound {
position:absolute; z-index:1000; top:50%; left:0; width:300px;
margin:-32px 0 0 0;
height:64px; line-height:64px; text-align:center;
opacity:0.9; color:#ff0576;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
font-size:18px;
background:#fff;
}
#SideColumn .jGMap.noMap { background:transparent url(zims/frontend/gmap-300x300.gif) 0 0 no-repeat; }
#SideColumn .jGMap.noMap #jGMapNotFound { margin-left:10px; }
#page-map {
overflow:hidden; width:640px; height:480px;
}
#page-map div.jGMap { width:100%; height:100%; width:640px; height:480px; }
#page-map div.markerHTML { font-family:Trebuchet ms, Arial, Helvetica, sans-serif; }
#page-map div.markerHTML strong { color:#ff0576; }
/*#page-mapW.js { width:600px; height:400px; }*/
#fancy_frame { border:0px solid red; }
#page-map #jGMapNotFound {
position:absolute; z-index:1000; top:50%; left:150px; width:300px;
margin:-32px 0 0 0;
height:64px; line-height:64px; text-align:center;
opacity:0.9; color:#ff0576;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
font-size:18px;
background:#fff;
}
#page-map .jGMap.noMap { background:transparent url(zims/frontend/jgmap-800-600.jpg) 0 0 no-repeat; }
#page-map .jGMap.noMap #jGMapNotFound { margin-left:10px; }
/**
* AdSense
*/
div.adSenseW.banner468 { width:468px; margin:10px auto; }
div.adSenseW.square300 { width:300px; }
.mainBox div.pubWrapper div.adSenseW { position:relative; right:4px; #bottom:9px; }
#MainColumn .fakeAd{ width:468px; height:60px; margin:10px auto; background:#ddd; }
#SideColumn .fakeAd{ width:300px; height:300px; background:#ddd; }
#SalonDuTourismeLinkW {
margin:0 0 10px 0; padding:10px;
background:#000; text-align:center;
position:relative;
}
#SalonDuTourismeLinkW strong {
position:absolute; left:74px; top:137px;
font-size:14px; color:#830141;
}
#______________________________CAPTCHA{}
/**
* Captcha
*/
#Captcha {
display:block; margin:0; padding:0;
border:1px dotted #fff;
position:absolute; left:180px; top:36px; _left:0;
}
input#captcha.focus { border-color:#fff; }
#field-captcha { padding-bottom:80px; position:relative; }
#field-captcha label { }
#InscriptionForm #Captcha { left:190px; _left:0; }
#InscriptionForm #field-captcha label { width:170px; }
#LostPasswordForm #Captcha { left:150px; _left:0; }
#CaptchaReloadLink {
position:absolute; top:36px; left:156px;;
width:24px; height:24px; background:transparent url(zims/icons/captcha/reload.jpg) 0 0 no-repeat;
text-indent:-5000px; overflow:hidden; cursor:pointer;
}
#CaptchaReloadLink:hover { background-position:0 -24px; }
#______________________________SHARE{}
/**
* AddThis
*/
#AddThisButton {}
#AddThisButton img { border:0; width:125px; height:16px; }
#AddThisEmailToButton { text-decoration:none; }
#AddThisEmailToButton img { border:0; width:56px; height:16px; }
#______________________________RANKING{}
/**
* Ranking / notation
*/
.ItemRanking {
margin:10px 0 10px 10px;
overflow:auto;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
}
.ItemRanking h4 {
margin:0px 0 2px 0px;
/*float:left; */
color:#ff0576;
font-size:12px;
}
.ItemRankingButtons {
margin:0; padding:0 24px 0 24px; border:0px solid #ebebeb;
width:120px; overflow:auto;
background:transparent url(zims/icons/item-ranking-plusminus.jpg) 0 0 no-repeat;
}
.ItemRankingButtons li {
list-style:none;
float:left; width:24px; height:24px;
text-indent:-5000px; overflow:hidden;
background:transparent url(zims/icons/item-ranking--01-24.jpg) 0 0 no-repeat;
}
.ItemRankingButtons li a {
outline:0; height:24px; line-height:24px;
display:block;
text-align:center;
font-weight:bold;
}
.ItemRankingButtons li a:hover, .ItemRankingButtons li a.covered {
background:#ff0576; color:#fff;
text-decoration:none;
background:transparent url(zims/icons/item-ranking--01-24.jpg) 0 -24px no-repeat;
}
.ItemRanking .ItemRank { float:left; }
.ItemRanking .ItemRank { margin:0; padding:0; height:24px; }
.ItemRanking .ItemRank em { position:relative; top:3px; }
.ItemRanking .ItemRank strong {
float:left; width:120px; height:24px;
background-image:url(zims/icons/item-rank-01-24.png);
_background-image:url(zims/icons/item-rank-01-24.jpg);
text-indent:-5000px; overflow:hidden;
}
.ItemRanking .ItemRank strong.rank1 { background-position:0px 0px; }
.ItemRanking .ItemRank strong.rank2 { background-position:0px -24px; }
.ItemRanking .ItemRank strong.rank3 { background-position:0px -48px; }
.ItemRanking .ItemRank strong.rank4 { background-position:0px -72px; }
.ItemRanking .ItemRank strong.rank5 { background-position:0px -96px; }
.bobox .ItemRanking { }
.bobox .ItemRank { float:right; width:111px; position:relative; top:8px; margin:0; padding:0; /*height:16px;*/ font-family:Trebuchet ms, Arial, Helvetica, sans-serif; color:#ff0576; }
.bobox .ItemRank strong {
float:right; width:80px; height:16px;
background-image:url(zims/icons/item-rank-01-16.png);
_background-image:url(zims/icons/item-rank-01-16.jpg);
text-indent:-5000px; overflow:hidden;
}
.bobox .ItemRank strong.rank1 { background-position:0px 0px; }
.bobox .ItemRank strong.rank2 { background-position:0px -16px; }
.bobox .ItemRank strong.rank3 { background-position:0px -32px; }
.bobox .ItemRank strong.rank4 { background-position:0px -48px; }
.bobox .ItemRank strong.rank5 { background-position:0px -64px; }
.bobox .ItemRank strong.noRank { background-position:0px -80px; }
#SocieteProximity .ItemRank {
display:block; width:111px;
position:relative;
margin:0; padding:0; /*height:16px;*/
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#ff0576;
}
#SocieteProximity .ItemRank strong {
display:block;width:80px; height:16px;
background-image:url(zims/icons/item-rank-01-16.png);
_background-image:url(zims/icons/item-rank-01-16.jpg);
text-indent:-5000px; overflow:hidden;
}
#SocieteProximity .ItemRank strong.rank1 { background-position:0px 0px; }
#SocieteProximity .ItemRank strong.rank2 { background-position:0px -16px; }
#SocieteProximity .ItemRank strong.rank3 { background-position:0px -32px; }
#SocieteProximity .ItemRank strong.rank4 { background-position:0px -48px; }
#SocieteProximity .ItemRank strong.rank5 { background-position:0px -64px; }
#SocieteProximity .ItemRank strong.noRank { background-position:0px -80px; }
/******************************************************************************************************************************
T I T R E S
******************************************************************************************************************************/
#______________________________TITLES{}
/**
* Titres
*/
#MainColumn h2 {
margin:0px 0 10px 0; padding:0;
width:560px; width:597px; height:60px; line-height:75px; overflow:hidden;
text-indent:42px;
font-size:24px;
font-weight:normal;
font-family:"Century Gothic", "Trebuchet ms", Arial, Helvetica, sans-serif;
background-image:url(zims/frontend/h2-v5.2.jpg);
background-repeat:no-repeat;
border:0px solid red;
}
#SideColumn h2 {
position:relative; right:5px;
margin:0px 0 10px 0; padding:0;
width:310px; height:60px; line-height:72px; _width:309px;
overflow:hidden;
background-image:url(zims/frontend/h2-v5.2.jpg);
background-repeat:no-repeat;
text-indent:40px;
font-size:24px;
font-weight:normal;
font-family:"Century Gothic", "Trebuchet ms", Arial, Helvetica, sans-serif;
}
#MainColumn h2 { }
#page-index h2 { background-position:0 0; color:#ff0576; }
#page-contact h2 { background-position:0 0; color:#ff0576; }
#page-jeu-concours h2 { background-position:0 0; color:#ff0576; }
#page-mur h2 { background-position:0 0; color:#ff0576; }
#page-actualites h2 { background-position:0 0; color:#ff0576; }
#page-espace-membre h2 { background-position:0 -60px; color:#4dbcd0; }
#page-sorties h2 { background-position:0 -240px; color:#ff9000; }
#page-bons-plans h2 { background-position:0 -120px; color:#eece09; }
#page-immobilier h2 { background-position:0 -60px; color:#4DADC3; }
#page-emploi h2 { background-position:0 -480px; color:#2B94D4; }
#page-petites-annonces h2 { background-position:0 -360px; color:#ab51ff; }
#page-annuaire h2 { background-position:0 -180px; color:#b5e71d; color:#A1D418; }
#page-societe .mainBox h2 { background-position:0 -420px; color:#687076; }
#page-societe .sideBox h2 { background-position:0 -180px; color:#A1D418; }
#page-rencontres h2 { background-position:0 -300px; color:#e01919; }
#page-recherche h2 { background-position:0 0; color:#ff0576; }
#h2-meteo { background-position:0 -60px !important; color:#4dbcd0 !important; }
#h2-horoscope { background-position:0 -240px !important; color:#ff9000 !important; }
#h2-programmeTV { background-position:0 -300px !important; color:#e01919 !important; }
#NewsletterSideBox h2 {
background-position:0 -180px; color:#b5e71d; color:#A1D418;
}
#ConditionsGenerales h2 { background-position:0 -420px; color:#687076; }
#PlanDuSite h2 { background-position:0 -420px; color:#687076; }
#LesFluxRSS h2 { background-position:0 -420px; color:#687076; }
#MainTitle { text-indent:36px !important; _text-indent:42px; position:relative; }
#MainTitleHomeLink {
position:relative; top:2px; left:3px; text-decoration:none;
#margin-right:6px;
_display:none;
}
#MainTitleBackLink {
position:absolute; right:0; top:31px; #top:33px;
font-size:18px;
line-height:18px;
text-decoration:none;
}
#MainTitleBackLink span { font-family:Arial, Helvetica, sans-serif; }
h3 span.separator {
font-family:Arial, Helvetica, sans-serif;
}
#NotRegisteredTitle {
margin-top:30px !important;
}
#page-sorties h3 {
margin:20px 0px 10px 6px; padding:0 10px;
height:27px; line-height:27px;
color:#fff;
background:#ff9000 url(zims/frontend/h3/orange.jpg) 0 0 repeat-x;
}
#page-bons-plans h3 {
margin:20px 0px 10px 6px; padding:0 10px;
height:27px; line-height:27px;
color:#fff;
background:#f3e01e url(zims/frontend/h3/jaune.jpg) 0 0 repeat-x;
}
#page-petites-annonces h3 {
margin:20px 0px 10px 11px; padding:0 10px;
height:27px; line-height:27px;
color:#fff;
background:#ab51ff url(zims/frontend/h3/violet.jpg) 0 0 repeat-x;
}
#page-petites-annonces .bobox h3 { }
#page-immobilier h3 {
margin:20px 0px 10px 11px; padding:0 10px;
height:27px; line-height:27px;
color:#fff;
background:#4dbcd0 url(zims/frontend/h3/bleu.jpg) 0 0 repeat-x;
}
#page-emploi h3 {
margin:20px 0px 10px 3px; padding:0 10px;
height:27px; line-height:27px;
color:#fff;
background:#2B94D4 url(zims/frontend/h3/bleu-fonce.jpg) 0 0 repeat-x;
}
#page-annuaire h3 {
margin:20px 0px 10px 11px; padding:0 10px;
height:27px; line-height:27px;
color:#fff;
background:#b5e71d url(zims/frontend/h3/vert.jpg) 0 0 repeat-x;
}
#content .bobox h3 { }
/******************************************************************************************************************************
******************************************************************************************************************************/
#______________________________MISC{}
#ConditionsGenerales {
}
#ConditionsGenerales p { font-size:11px; }
#ConditionsGenerales dl { margin:10px; }
#ConditionsGenerales dt, #ConditionsGenerales dd {}
#ConditionsGenerales dt { font-weight:bold; font-size:11px; }
#ConditionsGenerales dd { margin:0 0 5px 0; font-size:11px; }
#ConditionsGenerales ul {}
#ConditionsGenerales ul li { line-height:1.5; font-size:11px; }
#PlanDuSite {}
#PlanDuSite ul { margin:10px 10px 10px 30px; padding:0; }
#PlanDuSite ul li { list-style:none; padding:1px 0; }
#PlanDuSite ul li a { color:#4f422d; }
#PlanDuSite ul li a:hover { color:#ff0576; }
#LesFluxRSS {
}
#LesFluxRSS dl { margin:10px 0 10px 10px; width:587px; overflow:auto; }
#LesFluxRSS dt, #LesFluxRSS dd { float:left; padding:7px 0 5px 0; border-bottom:1px solid #ccc; }
#LesFluxRSS dt.last, #LesFluxRSS dd.last { border-bottom:0; }
/*#LesFluxRSS dl div.row { overflow:auto; }*/
#LesFluxRSS dt { width:337px; font-family:Trebuchet ms, Arial, Helvetica, sans-serif; font-size:15px; }
#LesFluxRSS dd { width:250px; margin:0; font-size:11px; text-align:right; }
#LesFluxRSS dd a { margin:0 2px; }
#LesFluxRSS ul {}
#LesFluxRSS ul li { line-height:1.5; font-size:11px; }
#______________________________ACTUALITES{}
/**
* Actualites
*/
#mainBoxActualites {
/*min-height:1681px; #min-height:1685px;*/
}
.actualite {
/*margin-bottom:16px;
min-height:150px; _height:150px;*/
}
.actualite .date {
float:right; margin:10px 10px 10px 10px;
width:72px; min-height:72px;
background:transparent url(zims/frontend/actualite-date.png) 0 0 no-repeat;
}
.actualite .date span { display:block; margin:0 auto; text-align:center; color:#fff; }
.actualite .date span.separator { display:none; }
.actualite .date .day { margin-top:6px; font-size:22px; height:22px; }
.actualite .date .month { font-size:22px; height:22px; _position:relative; _bottom:3px; }
.actualite .date .year { font-size:12px; _position:relative; _bottom:6px; }
.actualite h3 { color:#4f422d; padding:5px; }
.actualite h3 a { color:#4f422d; }
.actualite h3 a:hover { color:#ff0576; }
.actualite div.imageW { float:left; margin:0 10px 10px 10px; }
.actualite div.imageW img { border:1px solid #888; }
.actualite div.imageW a:hover img { border:1px solid #ff0576; }
.actualite p { overflow:auto; }
.actualite p img { margin:0 10px 10px 0; /*height:80px;*/ }
.actualite.toulousefr p img { }
.actualite.ladepeche p img { height:80px; }
.actualite p.enSavoirPlus {
display:block; height:32px; width:250px; line-height:32px;
background:transparent url(zims/frontend/icon-ensavoirplus-01.gif) 0 0 no-repeat;
padding-left:50px;
}
.actualite p.enSavoirPlus a { border-bottom:0px dotted #4f422d; }
#______________________________METEO{}
/**
* Météo
*/
#meteoSideBox {
padding:10px 3px 10px 10px;
_width:317px;
background-image:none;
}
#meteoSideBox h2 { width:165px; }
#meteoSideBox h2.alerte { background:transparent url(zims/frontend/h2/meteo-alert.gif) 0 0 no-repeat !important; text-indent:-5000px !important; }
#Meteo {
padding-right:55px;
height:70px;
position:absolute;
right:10px;
text-align:right;
top:5px;
width:84px;
_top:0; _right:0px; _width:100px; _height:90px;
}
#MeteoImage { position:absolute; top:0; right:-0; }
#MeteoDate {
display:block;
position:absolute; bottom:5px; right:0px;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#888;
_bottom:20px; _right:3px; _width:140px;
}
#Ephemeride {
display:block;
position:absolute; bottom:3px; right:10px;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#888;
_right:5px;
}
#MeteoText { color:#a0a0a0; display:block; font-size:24px; margin:16px 0px 0pt 0pt; }
#MeteoAlert {
display:block;
position:absolute; bottom:3px; left:17px;
width:155px; overflow:hidden;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif; font-size:12px;
color:#ea1153; color:#e01919; font-weight:bold;
}
#______________________________NEWSLETTER{}
/**
* NEWSLETTER
*/
#NewsletterSideBox { background-image:none; width:165px; }
#NewsletterSideBox h2 { width:170px; margin-bottom:0; }
#NewsletterForm { }
#NewsletterForm fieldset { margin:0 0 0 5px; padding:0px; background:none; border:0; position:relative; }
#NewsletterForm p { padding:0; }
#NewsletterForm label { width:35px;font-size:11px; float:none; display:block; }
#NewsletterForm #email { width:133px; font-size:11px; padding:2px 0; border-color:#4f422d; background:#f1f1f1; position:relative; #right:5px; }
#NewsletterForm label { position:relative; top:2px; }
#NewsletterForm .formButtons { border:0; padding:0; }
#NewsletterForm .formErrors{ margin:0; padding:0px; }
#NewsletterForm .formErrors li{ font-size:11px; padding:0 0 0 0px; background-image:none; }
#NewsletterFormSubmit { position:absolute; top:17px; left:136px; #top:18px; }
#______________________________PROGRAMME-TV{}
/**
* Programme TV
*/
#tvSideBox { position:relative; }
#programmeTV { margin-top:20px; overflow:auto; _height:320px; }
#programmeTV dd { margin:0; padding-top:5px; float:left; height:55px; width:200px; }
#programmeTV dd span.programHour { font-weight:bold; color:#888; }
/*#programmeTV dt.channelName {
margin:0; padding:0;
width:100px; height:55px;
text-indent:-5000px; overflow:hidden;
background-color:transparent;
background-position:50% 0;
background-repeat:no-repeat;
float:left;
clear:left;
}
#programmeTV dt#channel-tf1 { background-image:url(zims/frontend/channels-logos/tf1.gif); background-position:50% 5px !important; }
#programmeTV dt#channel-france2 { background-image:url(zims/frontend/channels-logos/france2.gif); }
#programmeTV dt#channel-france3 { background-image:url(zims/frontend/channels-logos/france3.gif); }
#programmeTV dt#channel-canal { background-image:url(zims/frontend/channels-logos/canalplus.gif); background-position:50% 7px !important; }
#programmeTV dt#channel-arte { background-image:url(zims/frontend/channels-logos/arte.gif); }
#programmeTV dt#channel-m6 { background-image:url(zims/frontend/channels-logos/m6.gif); }*/
#programmeTV dt.channelName {
margin:0 10px 0 0; padding:0;
width:80px; height:55px;
text-indent:-5000px; overflow:hidden;
background-image:url(zims/frontend/channels-logos/logos.gif);
background-color:transparent;
background-repeat:no-repeat;
float:left;
clear:left;
}
#programmeTV dt#channel-tf1 {background-position:0px 0px !important; }
#programmeTV dt#channel-france2 { background-position:-65px 0px; }
#programmeTV dt#channel-france3 { background-position:-145px 0px;}
#programmeTV dt#channel-canal { background-position:-240px 0px; }
#programmeTV dt#channel-arte { background-position:-320px 0px; }
#programmeTV dt#channel-m6 { background-position:-407px 0px; }
#programmeTV dt#channel-tf1, #programmeTV dd#program-tf1 { height:40px; }
#programmeTV dt#channel-france2, #programmeTV dd#program-france2 { }
#programmeTV dt#channel-france3, #programmeTV dd#program-france3 { }
#programmeTV dt#channel-canal, #programmeTV dd#program-canal { height:40px; }
#programmeTV dt#channel-arte, #programmeTV dd#program-arte { height:40px; }
#programmeTV dt#channel-m6, #programmeTV dd#program-m6 { }
#______________________________HOROSCOPE{}
/**
* Horoscope
*/
#horoscopeSideBox {
}
#horoscope {
margin:0; padding:0;
}
#horoscope li { list-style:none; }
#horoscopeContent h3 { margin:10px 0 0 0; padding:5px 0; text-align:left; font-style:normal; }
#horoscopeContent p { margin:0px; font-size:12px; font-style:normal; }
#______________________________SONDAGES{}
/**
* Sondages
*/
#SondageSidebox { padding-bottom:10px; background:#fff; }
#SondageSidebox h2 {
color:#ff0576; margin-bottom:0;
}
#SondageForm { position:relative; }
#SondageForm fieldset { margin:0; padding:0 7px; border:0; background:transparent; }
#SondageForm .fieldsList { padding:0; }
#SondageForm .fieldsListTitle { display:none; }
#SondageForm .fields { padding:0;font-family:Trebuchet ms, Arial, Helvetica, sans-serif; }
#SondageFormButtons { padding:5px 0; }
#SondageFormSubmit { margin:0 0 0 87px; }
#SondageQuestion { margin:0; padding:0 7px; font-weight:bold; }
#VoteRecordingInfo {
direction:ltr; text-align:center;
background:transparent url(../media/images/loading.gif) 50% 36px no-repeat;
width:300px;
margin:0; padding:5px 0 48px 0;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
font-size:17px; color:#888;
}
#SideColumn { }
#SondageResults { margin:10px 0px 0 7px; position:relative; top:5px; }
#SondageResults dt {
float:left; clear:left; width:216px;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
}
#SondageResults dd { margin:0; padding:0; color:#fff; }
#SondageResults dd object { position:relative; bottom:10px; margin:0; width:70px; height:32px; }
return new Sidebox($this->Model->CSondages->View->Render, 'SondageSidebox');
#______________________________JEU-CONCOURS{}
#JeuConcoursSidebox {
background-image:none;
}
#JeuConcoursSidebox h2 { color:#ff0576; margin-bottom:0; background-image:none; border-bottom:1px solid #ff0576; position:relative; }
#JeuConcoursSidebox #JeuConcoursLot {
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
font-size:13px; font-weight:bold; color:#ff0576;
}
#JeuConcoursSidebox #JeuConcoursHowToWin {
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
}
#JeuConcoursSidebox #JeuConcoursGo { text-align:center; }
#JeuConcoursTitleSWF {
width:60px; height:60px;
width:43px; height:56px;
position:absolute; top:-1px; left:-0px;
}
#______________________________NUMEROS-UTILES{}
/**
* N° utiles
*/
#page-informations-pratiques h2 {
color:#ff0576;
}
#InformationsPratiques h3 {
text-indent:40px;
height:32px; line-height:38px;
background-color:transparent;
background-image:url(zims/frontend/infos-pratiques-title.gif);
background-repeat:no-repeat;
}
#ServicesMunicipauxTitle { background-position:0 3px; }
#PharmaciesDeGardeTitle { background-position:0 -32px; margin-top:20px; }
#DentistesDeGardeTitle { background-position:0 -32px; margin-top:20px; }
#UrgencesTitle { background-position:0 -64px; margin-top:20px; }
#InformationsPratiques dl { margin:10px 0 10px 27px; overflow:auto; }
#InformationsPratiques dt, #InformationsPratiques dd { padding:3px 0; border-bottom:1px dotted #ccc; font-family:Arial, Helvetica, sans-serif; color:#555046;}
#InformationsPratiques dt { clear:left; float:left; width:360px; }
#InformationsPratiques dd { float:left;#float:none; margin:0; width:150px; }
#InformationsPratiques dt.last, #InformationsPratiques dd.last { border:0;}
#ParmaciesDeGarde caption { display:none; }
#ParmaciesDeGarde td, #ParmaciesDeGarde th { font-family:Trebuchet ms, Arial, Helvetica, sans-serif; }
#ParmaciesDeGarde th { color:#ff0576; }
#DentistesDeGarde caption { display:none; }
#DentistesDeGarde td, #DentistesDeGarde th { font-family:Trebuchet ms, Arial, Helvetica, sans-serif; }
#DentistesDeGarde td { color:#5f5f5f; background:#fafafa; }
#DentistesDeGarde th { color:#ff0576; background:#fff; }
#DentistesDeGarde th p { margin:5px; padding:0; color:#4f422d; font-weight:bold; }
#PharmaciesDeGardeLinkW { margin:10px 0px 10px 27px; }
#DentistesDeGardeLinkW { margin:10px 0px 10px 27px; }
#______________________________VISITE-VIRTUELLE{}
/**
* Visite virtuelle
*/
#Newsletter-VisiteVirtuelle-W {
background:transparent; height:128px; position:relative;
_width:327px;
}
#VisiteVirtuelleMB h2 {
color:#ff0576;
}
#VisiteVirtuelleW {
margin:15px 0 20px 10px;
}
#VisiteVirtuelle {
width:585px; height:400px;
border:1px inset #888; background:#fafafa;
}
#VisiteVirtuelleBox {
width:125px; height:117px;
background:#fff /*url(zims/buttons/visite-virtuelle.jpg) 0 0 no-repeat*/;
position:absolute; right:0; top:0;
/*_top:502px;*/
}
#VisiteVirtuelleLink {
display:block; width:125px; height:117px;
background:#fff url(zims/buttons/visite-virtuelle-v2.jpg) 0 0 no-repeat;
text-indent:-5000px; overflow:hidden; outline:0;
}
/******************************************************************************************************************************
SORTIES
******************************************************************************************************************************/
#______________________________SORTIES{}
body#page-sorties .mainBox .tmpSortie h3{ background:transparent; color:#555046; }
.tmpSortie p{ clear:left; }
#CinemaSelectionSideBox { background-image:none; }
#CinemaSelectionSideBox h2 { margin-bottom:3px; }
ul#CinemaSelection { margin:0; padding:0 0 0 3px; overflow:auto; }
li.CinemaSelectionItem {
float:left; width:96px;
margin:0 3px 0 0;
padding:0;
list-style:none;
text-align:center;
}
li.CinemaSelectionItem a {
display:block; padding-top:57px;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
text-align:center;
color:#888;
background-color:transparent;
background-image:url(zims/frontend/logos-cinemas-96.gif);
background-repeat:no-repeat;
}
li#CinemaSelectionItem-ugc-toulouse a { background-position:0 0; }
li#CinemaSelectionItem-gaumont-wilson a { background-position:0 -96px; }
li#CinemaSelectionItem-utopia a { background-position:0 -182px; }
li#CinemaSelectionItem-ugc-toulouse a:hover { background-position:-96px 0; }
li#CinemaSelectionItem-gaumont-wilson a:hover { background-position:-96px -96px; }
li#CinemaSelectionItem-utopia a:hover { background-position:-96px -182px; }
li.CinemaSelectionItem a:hover { color:#ff0576; }
img.img_sortie{ float:right; border:1px solid #eeeeee; margin:10px 10px 10px 10px; }
dl.infos_sortie{ float:left; margin:10px 0 10px 10px; width:400px; }
dl.infos_sortie dt{ font-weight:bold; float:left; width:50px; }
.SortieCinema {
}
.SortieCinema h3 {
}
.SortieCinema div.image { float:left; margin:10px 10px 10px 10px; }
.SortieCinema div.image a img { padding:3px; border:1px solid #888; height:150px; }
.SortieCinema div.image a:hover img { border:1px solid #ff0576; }
.SortieCinema p {
clear:none;
}
/**
* Listing sorties
*/
#EventsMainBox .event .inner { overflow:auto; #overflow:visible; }
#EventsMainBox .event .image { float:left; margin:5px 10px 0px 5px; }
#EventsMainBox .event h3 { background:transparent; width:auto; padding:0; text-shadow: #ebebeb 1px 1px; }
#EventsMainBox .event h4 { text-indent:0; width:auto; color:#888; font-weight:normal; }
#EventsMainBox .event h4,
#EventsMainBox .event p.lieu,
#EventsMainBox .event p.date,
#EventsMainBox .event p.tarif { font-family:Trebuchet ms, Arial, Helvetica, sans-serif; }
#EventsMainBox .event p.lieu { margin:0; padding:0; color:#888; font-weight:normal; }
#EventsMainBox .event p.date { margin:0; padding:0; color:#ff0576; font-weight:normal; }
#EventsMainBox .event p.tarif { position:absolute; top:5px; right:10px; font-size:18px; }
#EventsMainBox .event p.presentation { margin:5px 5px 10px 5px; padding:0; }
/**
* Détail sortie
*/
#EventMainBox {
/*overflow:auto;*/
min-height:496px; padding-bottom:100px; position:relative;
}
#EventMainBox h2 {
text-shadow: #ccc 1px 1px;
}
#EventMainBox #EventImage { float:right; margin:0 20px 00px 10px; }
#EventMainBox #EventInfos { overflow:auto; margin:20px 10px 10px 10px; }
#EventMainBox #EventInfos div.row { padding:3px 0; }
#EventMainBox #EventInfos dt, #EventMainBox #EventInfos dd { padding:3px 0; }
#EventMainBox #EventInfos dt { float:left; clear:left; width:70px; color:#ff9000; font-weight:bold; }
#EventMainBox #EventInfos dd { }
#EventMainBox #InfosBox {
width:190px; float:right;
margin:0 18px 10px 10px; padding:10px 6px 10px 4px;
text-align:right;
background:transparent url(zims/frontend/societe-coords.png) 0 100% no-repeat;
position:relative; #left:10px;
_float:none; _clear:right;
_position:absolute; _margin:0; _top:0; _left:auto; _right:3px;
}
#EventMainBox #InfosBox .top {
height:5px; width:200px;
position:absolute; top:0; left:0;
background:transparent url(zims/frontend/societe-coords.png) 0 0 no-repeat;
}
#EventMainBox #EventImage { text-align:center; }
#EventMainBox #EventImage img { display:block; margin:0 auto; width:140px; }
#EventMainBox #EventPlaceAddressW {
text-align:center;
position:relative;
margin:0px 0 7px 0px;
clear:both;
}
#EventMainBox #EventPlaceAddressW span {
font-style:italic;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
}
#EventMainBox span#EventPlaceAddress { display:block; }
#EventMainBox span#EventPlaceName { display:block; font-weight:bold; font-style:normal; color:#ff0576; }
#EventMainPub {
position:absolute; bottom:20px; width:600px;
}
#EventMainBox #ShareButtons {
margin:20px 10px;
}
#EventMainBox #ShareButtons .AdditiousButton { position:relative; top:1px; }
#EventGMapSideBox h2 {display:none; }
#EventGMapSideBox #EventPlaceInfo {display:none; }
#EventMainBox #EventReservationLinkW {
margin-top:20px; padding:3px 0 3px 0px;
/*background:transparent url(zims/icons/cart-48-01.jpg) 0 50% no-repeat;*/
position:relative;
}
#EventMainBox span.accroche { color:#ff0576; font-weight:bold; display:block; }
#EventMainBox #EventReservationLink {
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
font-size:17px;
color:#999; display:block;
width:240px; height:72px; text-indent:-5000px; overflow:hidden;
background:transparent url(zims/buttons/reservation-01.jpg) 0 0 no-repeat;
}
#EventMainBox #EventReservationLink:hover {
color:#ff0576;
}
#AnnuaireGMapSideBox p#EventPlaceInfo strong { color:#FF9000; }
/******************************************************************************************************************************
BONS PLANS
******************************************************************************************************************************/
#______________________________BONS-PLANS{}
#page-bons-plans {
}
#page-bons-plans #jGMap {
width:640px;
height:480px;
display:none;
}
.BonPlan {
margin-bottom:0px; clear:both;
}
#page-bons-plans .BonPlan h3 {
/*background:transparent;
color:#555046;*/
border-bottom:1px solid #BFAA00;
}
.BonPlan dl { overflow:auto; margin:10px; }
.BonPlan dl dt, .BonPlan dl dd {margin:2px 0;}
.BonPlan dt { float:left; clear:left; width:100px; font-weight:bold; }
.BonPlan dd { }
.BonPlan .sideW { float:right; margin:0 0 10px 0; text-align:right; width:150px; }
.BonPlan .images { padding:10px; }
.BonPlan .images a { display:block; }
.BonPlan .images a img { border:1px solid #888; }
.BonPlan .images a:hover img { border:1px solid #ff0576; }
.BonPlan p.contents { width:430px; }
.BonPlan p.offre { font-weight:bold; color:#ff0576; }
#page-bons-plans .BonPlan a.localize {
float:right;
font-family:Trebuchet ms;
margin:-7px 12px 0 10px;
}
/*#page-bons-plans #jGMap { overflow:hidden;width:600px; height:400px; }*/
/******************************************************************************************************************************
ESPACE MEMBRE
******************************************************************************************************************************/
#______________________________ESPACE-MEMBRE{}
#LoginForm { margin-top:20px; margin-bottom:30px; }
#LoginForm label { width:120px; padding-left:20px; }
#LoginForm fieldset { width:280px; margin:10px auto; padding-top:10px; }
#LoginForm .formButtons { padding-left:131px; padding-left:150px; }
#LoginForm #username, #LoginForm #pwd { width:120px; width:90px; }
#LoginFormButtons {
border:0;
padding:3px 0pt 0pt;
}
#LostPasswordForm { width:410px; margin:30px auto; }
#LostPasswordForm label { width:130px; padding-right:10px; }
#LostPasswordForm .formButtons { padding-left:140px; }
#LostPasswordForm #email { width:210px; }
#LostPasswordFormButtons { border:0; }
#LostPasswordLink {
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
position:absolute; top:230px; right:10px;
padding-left:27px; line-height:24px;
overflow:hidden;
background:transparent url(zims/icons/keys.gif) 0 0 no-repeat;
color:#888;
}
#LostPasswordLink:hover { color:#ff0576; }
#UserInfo {
position:absolute; top:58px; right:15px; _right:45px;
font-size:11px; font-family:Trebuchet ms;
color:#5f5f5f; color:#888;
font-style:italic;
}
#UserInfo strong { /*color:#ff0576;*/ }
#InscriptionForm { }
#InscriptionForm fieldset { margin:0 0 10px 10px; padding:0 0 10px 0; }
#InscriptionForm label { width:170px; }
#InscriptionForm .formButtons { padding-left:190px; }
#InscriptionForm #email { width:300px; }
#InscriptionForm #societe { width:300px; }
#InscriptionForm #nom { width:300px; }
#InscriptionForm #prenom { width:300px; }
#InscriptionForm #dob { width:80px; text-align:center; }
#InscriptionForm #adresse1 { width:300px; }
#InscriptionForm #adresse2 { width:300px; }
#InscriptionForm #cp { width:80px; }
#InscriptionForm #ville { width:300px; }
#InscriptionForm #tel_fixe { width:100px;; }
#InscriptionForm #tel_portable { width:100px;; }
#InscriptionForm #fax { width:100px; }
#InscriptionForm #web { width:300px; }
#InscriptionForm #newsletter { margin-left:0; }
#field-newsletter { padding-left:15px; }
#CoordonneesForm fieldset { margin:0 20px 10px 10px; padding:0 0 10px 0; }
#CoordonneesForm .formButtons { padding:10px 0 0 190px; border:0; }
#CoordonneesForm #email { width:300px; }
#CoordonneesForm #societe { width:300px; }
#CoordonneesForm #nom { width:300px; }
#CoordonneesForm #prenom { width:300px; }
#CoordonneesForm #dob { width:80px; text-align:center; }
#CoordonneesForm #adresse1 { width:300px; }
#CoordonneesForm #adresse2 { width:300px; }
#CoordonneesForm #cp { width:80px; }
#CoordonneesForm #ville { width:300px; }
#CoordonneesForm #tel_fixe { width:100px; text-align:center; }
#CoordonneesForm #tel_portable { width:100px; text-align:center; }
#CoordonneesForm #fax { width:100px; text-align:center; }
#CoordonneesForm #web { width:300px; }
#CoordonneesForm #newsletter { margin-left:0; }
#UpdatePwdForm { width:500px; margin:40px auto; }
#UpdatePwdForm label { width:250px; }
#UpdatePwdForm .formButtons { padding:7px 0 0 250px; border:0; }
#UpdatePwdForm #current_pwd { width:185px; }
#UpdatePwdForm #new_pwd { width:185px; }
#UpdatePwdForm #new_pwd_conf { width:185px; }
#UpdateAnnonceForm #categorie_id { width:310px; }
#UpdateAnnonceForm #titre { width:300px; }
#UpdateAnnonceForm #contenu { width:300px; height:120px; }
#UpdateAnnonceForm #prix { width:80px; }
#UpdateAnnonceForm #field-photo { margin-bottom:10px; #margin-bottom:20px; }
#UpdateAnnonceForm #annoncePhotoPreview { }
#page-espace-membre h3 {
border-bottom:1px dotted #ebebeb; padding-bottom:3px;
}
/**
* Gestion des annonces
*/
#UserAnnonces h3.UserAnnoncesTypeTitle {
margin:10px 0px 10px 7px;
width:590px
}
#UserAnnonces h3.UserAnnoncesTypeTitle span {
float:right; margin:5px 0 0 0; text-align:right; width:80px;
color:#5f5f5f; font-size:12px;
}
#UserAnnonces h3.UserAnnoncesTypeTitle span.minimize/*, #page-espace-membre h3 span.maximize:hover*/ {
background:transparent url(zims/icons/espace-membre/annonces/annonce-showhide.gif) 0 -27px no-repeat;
}
#UserAnnonces h3.UserAnnoncesTypeTitle span.maximize/*, #page-espace-membre h3 span.minimize:hover*/ {
background:transparent url(zims/icons/espace-membre/annonces/annonce-showhide.gif) 0 -3px no-repeat;
}
#page-espace-membre .petiteAnnonce { clear:both; float:none; }
#page-espace-membre .petiteAnnonce ul.petiteAnnonceActions { margin:10px 0; padding:0; }
#page-espace-membre .petiteAnnonce ul.petiteAnnonceActions li { list-style:none; margin-bottom:5px; }
#page-espace-membre .petiteAnnonce ul.petiteAnnonceActions li.item-updateAnnonce {
padding-left:20px; background:transparent url(zims/icons/espace-membre/annonces/update-annonce.gif) 0 0 no-repeat;
height:16px; line-height:18px; #line-height:16px;
}
#page-espace-membre .petiteAnnonce ul.petiteAnnonceActions li.validatingUpdate { background-position:0 -16px; }
#page-espace-membre .petiteAnnonce ul.petiteAnnonceActions li.validatingAnnonce { background-position:0 -16px; }
#page-espace-membre .petiteAnnonce ul.petiteAnnonceActions li.item-eraseAnnonce {
padding-left:20px; background:transparent url(zims/icons/espace-membre/annonces/erase-annonce.gif) 0 0 no-repeat;
height:16px; line-height:20px; #line-height:16px;
}
#page-espace-membre .petiteAnnonce ul.petiteAnnonceActions li a { color:#5f5f5f; }
#page-espace-membre .petiteAnnonce span.info { font-style:italic; color:#5f5f5f; }
#page-espace-membre .petiteAnnonce p.info { margin-top:10px; font-style:italic; color:#5f5f5f; }
#page-espace-membre .petiteAnnonce.last { margin-bottom:40px; }
#page-espace-membre .lnkEraseEmploiCV, #page-espace-membre .lnkEraseEmploiOffre {
position:absolute; top:0; right:10px;
text-indent:20px;
background:transparent url(zims/icons/espace-membre/delete.gif) 0 50% no-repeat;
height:24px; line-height:28px;
font-family:Trebuchet ms;
font-weight:normal;
color:#ff0576;
}
#page-espace-membre .EmploiCV h4, #page-espace-membre .EmploiOffre h4 {
width:590px;
position:relative;
}
/******************************************************************************************************************************
PETITES ANNONCES
******************************************************************************************************************************/
#______________________________PETITES-ANNONCES{}
/**
* Liste d'annonces
*/
.petitesAnnoncesWrapper{
padding-bottom:0px;
}
.petiteAnnonce {
position:relative; clear:both; float:none;
/*_background-image:none;*/
}
.petiteAnnonce .top { _display:none; }
.petiteAnnonce .inner { min-height:100px; }
#petiteAnnonce .inner { min-height:127px; }
.petiteAnnonce .content{ padding-left:100px; padding-bottom:20px; _z-index:-1; }
.petiteAnnonce a.imageLink, .petiteAnnonce .noPhoto { position:absolute; top:10px; left:10px; }
.petiteAnnonce a.imageLink img, .petiteAnnonce .noPhoto { border:1px solid #999; }
.petiteAnnonce a.imageLink:hover img { border-color:#ff0576; }
.petiteAnnonce h4 { margin:0px 80px 0 0; padding:10px 0 0 0; font-size:14px; text-indent:0; _width:480px; }
.petiteAnnonce h4 a {
color:#443826;
text-decoration:none;
font-weight:normal; font-size:17px;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
}
.petiteAnnonce h4 a:hover { color:#ED1770;}
.petiteAnnonce h5 { margin:0; padding:0; font-size:16px; position:absolute; right:20px; top:10px; }
.petiteAnnonce p { margin:0; padding:0; }
.petiteAnnonce .texte { margin:10px 100px 0 3px; font-size:11px; height:53px; overflow:hidden; color:#5f5f5f; }
.petiteAnnonce .date {
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
font-size:11px; color:#888; position:absolute; bottom:3px;
}
.petiteAnnonce .lnkDetail { position:absolute; bottom:5px; right:10px; z-index:50; }
.petiteAnnonce .lnkDetail .plus { }
/**
* Détail d'une annonce
*/
#petiteAnnonce .content { padding-left:110px; padding-bottom:20px; position:relative; min-height:80px; }
#petiteAnnonce h3, #AnnonceContactWrapper h3 { margin:0; padding:0 10px; height:27px; line-height:27px; color:#fff; }
#petiteAnnonce div.image {
width:100px; height:80px;
text-align:center;
position:absolute;
top:35px;
left:0;
z-index:1000;
}
#petiteAnnonce div.image a img { border:1px solid #888; }
#petiteAnnonce div.image a:hover img { border-color:#ff0576; }
/* Titre */
#petiteAnnonce h5 { font-size:18px; float:right; margin:0 10px 0 0 !important; padding:0; #padding-top:5px; }
#petiteAnnonce #AnnonceTexte {
margin:10px 100px 10px 0;
}
/* Prix */
#petiteAnnonce p {
}
#petiteAnnonce p#dateAnnonce {
margin:0; padding:0;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#888; font-size:11px;
position:absolute; bottom:3px; right:5px;
}
#PetiteAnnonceMainBox #previousLink { margin:20px 15px; }
#annonceContactForm #nom { width:350px; }
#annonceContactForm #prenom { width:350px; }
#annonceContactForm #email { width:350px; }
#annonceContactForm #tel { width:100px; }
#annonceContactForm #subject { width:350px; }
#annonceContactForm #message { width:350px; height:130px; }
#annonceDepotForm #categorie_id { width:310px; }
#annonceDepotForm #titre { width:300px; }
#annonceDepotForm #contenu { width:300px; height:120px; }
#annonceDepotForm #prix { width:80px; }
#annonceDepotForm #field-withPhoto { }
#annonceDepotForm #field-photo { margin-bottom:10px; }
#annonceDepotForm #annoncePhotoPreview { width:100px; }
#annoncesDepotSideBox p { margin:0; }
#depotAnnonce { text-align:center; }
#depotAnnonce #depotAnnonceAccroche1 { display:block; font-size:18px; font-weight:normal; margin-bottom:10px; }
#depotAnnonce #depotAnnonceAccroche2 { display:block; font-size:14px; font-weight:bold; margin-bottom:10px; position:relative; bottom:10px; }
#AnnoncePaymentFormWrapper form { width:500px; margin:10px auto; }
#AnnoncePaymentFormWrapper #code_0 { text-align:center; font-weight:bold; width:83px; }
#AnnoncePaymentFormWrapper #code_1 { text-align:center; font-weight:bold; width:83px; }
/******************************************************************************************************************************
EMPLOI
******************************************************************************************************************************/
#______________________________EMPLOI{}
#EmploiHomeMainBox { min-height:624px; }
#EmploiOffresMainBox { min-height:623px; }
#EmploiDemandesMainBox { min-height:623px; }
#EmploiLastOffres { overflow:auto; width:600px; overflow-x:hidden; }
#EmploiLastCV{overflow:auto; width:600px; overflow-x:hidden; }
.EmploiOffre .inner { height:110px; }
.EmploiCV .inner { height:120px; }
.EmploiCV.accueil .inner { height:110px; }
.EmploiOffre h4 {
height:24px; line-height:24px; color:#4C3A22;
font-size:12px;
background:transparent url(zims/frontend/emploi-offre-intitule.gif) 0 0 no-repeat;
}
.EmploiOffre h4 a { color:#4C3A22; }
.EmploiOffre h4 a:hover { color:#ff0576; }
.EmploiOffre h5 {
font-size:11px; height:24px; line-height:24px;
padding:0 5px; font-weight:normal;
color:#7f7f7f; float:right;
}
.EmploiOffre p.contents { font-size:11px; color:#5f5f5f; }
.EmploiOffre p.date {
margin:0;
padding:0 5px 5px 0;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#5f5f5f; color:#7f7f7f; color:#888;
font-size:11px;
position:absolute; bottom:0px; right:5px;
}
.EmploiCV h4 {
height:24px; line-height:24px; color:#4C3A22;
font-size:12px;
background:transparent url(zims/frontend/emploi-offre-intitule.gif) 0 0 no-repeat;
}
.EmploiCV h4 a { color:#4C3A22; }
.EmploiCV h4 a:hover { color:#ff0576; }
.EmploiCV h5 {
font-size:11px; height:24px; line-height:24px;
padding:0 5px; font-weight:normal;
color:#7f7f7f; float:right;
}
.EmploiCV p.contents { font-size:11px; color:#5f5f5f; }
.EmploiCV p.date {
margin:0;
padding:0 5px 5px 0;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#5f5f5f; color:#7f7f7f; color:#888;
font-size:11px;
position:absolute; bottom:0px; right:5px;
}
#EmploiOffreDetailMainBox { min-height:957px; }
#EmploiDetailOffre #informations { margin:20px 20px 10px 20px; overflow:auto; }
#EmploiDetailOffre #informations dt { width:100px; float:left; clear:left; font-weight:bold; color:#ff0576; }
#EmploiDetailOffre #informations dd { float:left; width:440px; }
#EmploiDetailOffre #informations dt,
#EmploiDetailOffre #informations dd { margin:0; padding:7px 0; }
#EmploiDetailOffre h4 { font-size:14px; color:#ff0576; text-indent:20px; }
#EmploiDetailOffre p { margin:10px 20px 20px 20px; }
#EmploiDetailOffre #descriptif { padding:5px; background:#fafafa; clear:both; }
#EmploiDetailOffre #competences { }
#EmploiDetailOffre #experience { }
#EmploiDetailOffre #formation { }
#EmploiCVDetailMainBox { min-height:957px; }
#EmploiDetailCV .inner { min-height:120px; }
#EmploiDetailCV h4 { font-size:14px; color:#ff0576; text-indent:20px; }
#EmploiDetailCV p { margin:10px 20px 20px 20px; }
#EmploiCandidatsSideBox, #EmploiEntreprisesSideBox { text-align:center; }
#EmploiCandidatsSideBox h2, #EmploiEntreprisesSideBox h2 { text-align:left; }
a.emploiSideLinks { text-decoration:none; }
a.emploiSideLinks:hover { text-decoration:none; }
#lnkDeposerOffre, #lnkConsulterOffre { margin-right:15px; }
#lnkDeposerOffre img { }
#lnkDeposerCV img { }
#lnkConsulterOffre img { }
#lnkConsulterCV img { }
span.minMaxButton {
float:left; width:16px; height:16px;
position:relative; top:5px; right:3px;
/*background:red; */
background:url(zims/icons/minmax-01.gif);
background-color:transparent;
background-repeat:no-repeat;
cursor:pointer;
}
span.minMaxButton.max { background-position:-16px 0; }
span.minMaxButton.min { background-position:-0 0; }
#DepotOffreForm #societe { width:360px; }
#DepotOffreForm #domaine { width:370px; }
#DepotOffreForm #contrat { width:260px; }
#DepotOffreForm #duree { width:250px; }
#DepotOffreForm #departement { width:260px; }
#DepotOffreForm #intitule { width:360px; }
#DepotOffreForm #contents { width:360px; height:200px; }
/*#DepotOffreForm #descriptif { width:360px; height:120px; }
#DepotOffreForm #competences { width:360px; height:120px; }
#DepotOffreForm #experience { width:360px; }
#DepotOffreForm #formation { width:360px; }
#DepotOffreForm .formButtons { border:0; }*/
#DepotCVForm #nomprenom { width:250px; background:#fff; }
#DepotCVForm #intitule { width:360px; }
#DepotCVForm #domaine { width:370px; }
#DepotCVForm #contents { width:370px; height:210px; }
/*#DepotCVForm #experience { width:370px; height:150px; }
#DepotCVForm #competences { width:370px; height:150px; }
#DepotCVForm #formation { width:370px; height:150px; }
#DepotCVForm #divers { width:370px; height:150px; }
#DepotCVForm .formButtons { border:0; }*/
#EmploiCVContact { _border:0px solid lime; }
#EmploiCVContactForm #nom { width:250px; }
#EmploiCVContactForm #prenom { width:250px; }
#EmploiCVContactForm #societe { width:250px; }
#EmploiCVContactForm #email { width:350px; }
#EmploiCVContactForm #tel { width:100px; }
#EmploiCVContactForm #message { width:350px; height:120px; }
#EmploiCVContactForm .formButtons { border:0; }
#EmploiOffreContactForm #nom { width:250px; }
#EmploiOffreContactForm #prenom { width:250px; }
#EmploiOffreContactForm #email { width:350px; }
#EmploiOffreContactForm #tel { width:100px; }
#EmploiOffreContactForm #message { width:350px; height:120px; }
#EmploiOffreContactForm .formButtons { border:0; }
#SearchCV .formButtons, #SearchOffre .formButtons { border:0; }
/******************************************************************************************************************************
******************************************************************************************************************************/
#______________________________ANNUAIRE{}
#AnnuaireHomeMainBox { min-height:1616px; }
#AnnuaireMainBox { min-height:1320px; }
#AnnuaireInscriptionMainBox { }
p#registerAnnuaire {
text-align:center; margin:10px 5px;
}
p#registerAnnuaire strong { font-size:18px; font-weight:normal; display:block; margin:0 auto 5px auto; }
#RegisterAnnuaireSideBox { padding-bottom:5px; background-image:none; }
.AnnuaireSociete {
position:relative;
}
.AnnuaireSociete .inner { min-height:120px; }
.AnnuaireSociete .content { overflow:auto; padding-bottom:5px; }
.AnnuaireSociete h4 {
margin:0px 0 0 0px; padding:7px 0 0 7px;
color:#555;
text-indent:0px;
font-size:18px;
font-weight:normal; width:390px; _width:370px; width:270px;
}
.AnnuaireSociete h4 a { color:#ff0576; }
.AnnuaireSociete h4 a:hover { color:#ff0576; }
.AnnuaireSociete h5 {
margin:0 0px; padding:0 0 0 0px;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
color:#888;
text-indent:9px;
font-size:11px;
font-weight:normal;
}
.AnnuaireSociete p { margin:5px; }
.AnnuaireSociete p.presentation { margin:5px 10px; _width:320px; }
.AnnuaireSociete p.adresse { color:#5f5f5f; font-size:11px; margin-left:10px; margin-top:10px; }
.AnnuaireSociete .phoneNumbers { margin:0 5px 0 10px; font-weight:bold; font-size:14px; color:#99bc14;height:24px; line-height:24px; }
.AnnuaireSociete .phoneNumbers img { position:relative; top:3px; }
.AnnuaireSociete .phoneNumbers span.phoneIcon{
float:left; width:24px; height:22px; margin-right:5px;
background:transparent url(zims/icons/phone/vert-24x22.png) 0 0 no-repeat;
text-indent:-5000px; overflow:hidden;
}
.AnnuaireSociete .photos { _width:180px; text-align:right; float:right; margin:10px 10px 10px 10px; }
.AnnuaireSociete .photos .mainImage { border:1px solid #bbb; }
.AnnuaireSociete .photos .images { width:200px; position:absolute; bottom:0px; right:0px; text-align:right; }
.AnnuaireSociete .photos .images .noImage { width:30px; height:30px; background:#eee;border:1px dashed #ddd; margin-bottom:3px; }
.AnnuaireSociete .photos .images a { margin:0; padding:0; }
.AnnuaireSociete .photos .images a:focus,.AnnuaireSociete .photos .images a:active { outline:0; }
.AnnuaireSociete .photos .images a:focus img { border-color:#ff0576; }
.AnnuaireSociete .photos .images a img { width:30px; border:1px solid #5f5f5f; }
.AnnuaireSociete .photos .images a:hover img { border-color:#ff0576; }
.AnnuaireSociete .DetailLink {
/*position:absolute; top:80px; left:275px;*/
margin:5px 1px 0 0;
display:block;
height:16px; line-height:16px;
padding-right:20px;
background:transparent url(zims/icons/plus/vert-16.jpg) 100% 0 no-repeat;
color:#ff0576; font-weight:bold;
}
.AnnuaireSociete .DetailLink:hover { color:#ff0576; }
.AnnuaireSociete .DetailLink span.plus { display:none; }
/**
* DETAIL SOCIETE
*/
#SocieteDetailMainBox {
min-height:547px;
min-height:598px;
}
#DetailSociete { position:relative; overflow:auto; #overflow:visible; }
#DetailSociete #SocietePresentation { /*width:400px;*/ _width:360px; margin:0 20px 10px 10px; _height:240px; }
#DetailSociete #InfosBox {
width:190px; float:right;
margin:0 18px 10px 10px; padding:10px 6px 10px 4px;
text-align:right;
background:transparent url(zims/frontend/societe-coords.png) 0 100% no-repeat;
position:relative; #left:10px;
_float:none; _clear:right;
_position:absolute; _margin:0; _top:0; _left:auto; _right:3px;
}
#DetailSociete #InfosBox .top {
height:5px; width:200px;
position:absolute; top:0; left:0;
background:transparent url(zims/frontend/societe-coords.png) 0 0 no-repeat;
}
#DetailSociete #MainImage { display:block; margin:0 auto; }
#DetailSociete #SocieteCoordonnees {
font-style:italic;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
text-align:center;
position:relative;
margin:5px 0 5px 0px;
}
#DetailSociete .vcard .fn { display:none; }
#DetailSociete #SocieteImages {
margin:10px 0 10px 3px;
position:relative;
width:575px; _width:572px;
padding:10px 11px 15px 14px;
background:#fafafa url(zims/frontend/societe-images.png) 0 100% no-repeat;
clear:both;
}
#DetailSociete #SocieteImages div.top {
position:relative; bottom:10px; right:14px;
height:5px;
width:600px; _width:585px; _right:0;
background:#fafafa url(zims/frontend/societe-images.png) 0 0 no-repeat;
}
#DetailSociete #SocieteImages a img { border:1px solid #888; padding:3px; background:#fff; }
#DetailSociete #SocieteImages a:hover img { border-color:#ff0576; }
#DetailSociete #SocieteWebSite {
padding-right:38px;
height:32px; line-height:32px;
background:transparent url(zims/icons/societe/web.png) 100% 0 no-repeat;
font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
font-size:15px; text-align:right;
width:95px;
float:right;
margin:5px 5px 0 0;
_background:none; _padding-right:0;
}
#DetailSociete #SocieteWebSite a { display:block; }
#DetailSociete #SocieteWebSite:hover { background-position:100% -32px; }
#SocieteProximity {
_background:#fff;
}
#SocieteProximity ul {
margin:10px; padding:0;
}
#SocieteProximity ul li {
position:relative;
margin:0px 0;
height:64px;
list-style:none;
font-family:Trebuchet ms;
}
#SocieteProximity ul li h4 {
font-weight:bold;font-size:14px; color:#ff0576;
}
#SocieteProximity ul li h5 {
float:right;
font-size:12px; color:#888; font-weight:normal;
position:absolute; top:0; right:0;
font-family:Trebuchet ms;
}
#SocieteProximity ul li h6 {
clear:both;
font-size:12px;
font-weight:normal;
font-family:Trebuchet ms;
}
#SocieteProximity ul li .adresse { margin:0; padding:0; color:#888; }
/**
* Inscription
*/
#AnnuaireInscriptionForm {
}
#AnnuaireInscriptionForm label { width:130px; }
#AnnuaireInscriptionForm #fieldset-identite label { width:140px; }
#AnnuaireInscriptionForm .formButtons { padding-left:160px; }
#AnnuaireInscriptionForm # { }
#AnnuaireInscriptionForm #societe { width:300px; }
#AnnuaireInscriptionForm #categorie_id { width:310px; }
#AnnuaireInscriptionForm #presentation { width:390px; height:200px; }
#AnnuaireInscriptionForm #tel { width:100px; text-align:center; text-indent:0; }
#AnnuaireInscriptionForm #fax { width:100px; text-align:center; text-indent:0; }
#AnnuaireInscriptionForm #email { width:300px; }
#AnnuaireInscriptionForm #web { width:300px; }
#AnnuaireInscriptionForm #adresse1 { width:357px; }
#AnnuaireInscriptionForm #adresse2 { width:357px; }
#AnnuaireInscriptionForm #cp { width:100px; }
#AnnuaireInscriptionForm #ville { width:200px; }
#AnnuaireInscriptionForm #Captcha { left:150px; }
#AnnuaireInscriptionForm #field- { }
#AnnuaireInscriptionForm #field-tel { width:42%; float:left; }
#AnnuaireInscriptionForm #field-fax { }
#AnnuaireInscriptionForm #field-fax label { width:73px; text-align:center; }
#AnnuaireInscriptionForm #field-adresse1 { clear:both; }
#AnnuaireInscriptionForm #field-cp { width:42%; float:left; }
#AnnuaireInscriptionForm #field-ville label { width:31px; text-align:center; }
#AnnuaireInscriptionForm .fileField { position:relative; }
#AnnuaireInscriptionForm .fileField input.uploaded { display:none; }
#AnnuaireInscriptionForm .fileField a.imageLink img { width:100px; }
#AnnuaireInscriptionForm .fileField a.DeleteImage{ position:absolute; top:2px; margin-left:5px; }
#AnnuaireMainBoxInscriptionConfirmation { min-height:260px; }
/*#AnnuaireInscriptionForm #field-image1 label,
#AnnuaireInscriptionForm #field-image2 label,
#AnnuaireInscriptionForm #field-image3 label,
#AnnuaireInscriptionForm #field-image4 label,
#AnnuaireInscriptionForm #field-image5 label,*/
/******************************************************************************************************************************
RECHERCHE
******************************************************************************************************************************/
#SearchResultsEmploiCV {
overflow:auto;
}
#SearchResultsEmploiOffres {
overflow:auto;
}
/******************************************************************************************************************************
CONTACT
******************************************************************************************************************************/
#______________________________CONTACT{}
#contactForm #nom { width:300px; }
#contactForm #prenom { width:300px; }
#contactForm #societe { width:300px; }
#contactForm #email{ width:300px; }
#contactForm #tel { width:80px; }
#contactForm #sujet { width:350px; }
#contactForm #message { width:350px; height:120px; }
/******************************************************************************************************************************
******************************************************************************************************************************/
/******************************************************************************************************************************
Preinscription -HOT-
******************************************************************************************************************************/
#______________________________RENCONTRES{}
#hotPreinscrForm {
}
#hotPreinscrForm label{ width:110px; font-size:11px; text-align:left; }
#fieldset-part2_1 { float:left; width:44%; }
#fieldset-part2_2 { float:left; width:44%; }
#fieldset-part2_1 label { width:80px; }
#fieldset-part2_2 label { width:80px; }
#fieldset-part2_2.disabled label { color:#888; }
#hotPreinscrForm .fieldsListTitle { width:120px; font-size:11px; }
#hotPreinscrForm .fieldsList { padding-left:120px; overflow:auto; }
#hotPreinscrForm .radio-field { width:150px; float:left; }
#hotPreinscrForm .checkbox-field { width:150px; float:left; #float:none; /*#width:130px; #background:lime; */}
#hotPreinscrForm .checkbox-field input { background:#fff; }
#hotPreinscrForm #field-pwd { width:50%; float:left; clear:left; }
#hotPreinscrForm #field-pwf_confirm { width:50%; float:left; }
#hotPreinscrForm #field-departement_id { width:50%; float:left; clear:left; }
#hotPreinscrForm #field-email { display:block; width:100%; clear:left; }
#hotPreinscrForm #field-dob { width:50%; float:left; clear:left; }
#hotPreinscrForm #field-taille { width:50%; float:left; }
#hotPreinscrForm #fieldsList-hair{ width:180px; float:left; }
#hotPreinscrForm #fieldsList-silhouette { clear:both; width:180px; float:left; }
#hotPreinscrForm #fieldsList-relation { width:180px; }
#hotPreinscrForm #fieldsList-relation .checkbox-field { width:160px; }
#hotPreinscrForm #fieldsList-searchfor { width:155px; float:left; clear:both; }
#hotPreinscrForm #fieldsList-disponibilite { width:180px; float:left; }
#hotPreinscrForm #fieldsList-ambiance { width:155px; float:left; }
#hotPreinscrForm #fieldsList-pratique { width:180px; float:left; }
#hotPreinscrForm #fieldsList-share { width:180px; }
#hotPreinscrForm #field-message { width:100%; }
#hotPreinscrForm #field-message textarea { width:75%; height:70px; }
/******************************************************************************************************************************
m u r
******************************************************************************************************************************/
.ib {
width: 80px; padding:10px; text-align:center;
min-height: 100px;
border: 1px solid #ccc;
background:#fafafa; position:relative;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1;
*display: inline;
_height: 100px;
}
#WallWriteForm {
}
#WallWriteForm #field-to_email_1 { float:left; }
#WallWriteForm #field-to_email_3 { padding-left:180px; float:left; }
#WallWriteForm #field-to_email_2 label,
#WallWriteForm #field-to_email_3 label,
#WallWriteForm #field-to_email_4 label { display:none; }
#WallWriteForm #to_email_1,
#WallWriteForm #to_email_2,
#WallWriteForm #to_email_3,
#WallWriteForm #to_email_4 { width:170px; }
#WallWriteForm #from_pseudo { width:170px; }
#WallWriteForm #from_email { width:170px; }
#WallWriteForm #message { width:350px; height:80px; }
#WallWriteForm #field-message span.charsRemaining { font-size:22px; font-family:trebuchet ms; color:#aaa; position:relative; bottom:68px; left:3px; }
#page-mur #fancy_content { background:transparent url(zims/frontend/wall-01.jpg) 0 0 no-repeat; }
#page-mur #fancy_ajax { left:0; top:0; /*overflow:hidden;*/ }
ul#WallMessages {
margin:0; padding:5px; font-size:11px;
}
ul#WallMessages li {
width:176px; padding:5px; margin:0px 5px 7px 0; min-height:80px;
background:transparent; border:0;
}
ul#WallMessages li div.inner {
position:absolute; width:100%; height:100%; top:0; left:0;
background:#fff; opacity:0.25;
}
ul#WallMessages li h4 {
margin:0; padding:0;
text-align:left;
color:#fff;
}
ul#WallMessages li h4 span.date {
margin:0; padding:0; font-weight:normal; color:#ebebeb;
}
ul#WallMessages li p {
margin:0; padding:0; color:#ddd;
}
/******************************************************************************************************************************
******************************************************************************************************************************/
#BonsPlansWrapper {
width:350px; height:300px;
margin:10px auto;
}
#BonsPlans {
width:350px; height:300px;
}
/******************************************************************************************************************************
MENU PRINCIPAL
******************************************************************************************************************************/
#easyCorner {
position:relative; z-index:999;
}
#ez_topLeftCorner {
z-index:999 !important;
}
#ez_topLeftCorner { _display:none; }
#ez_topLeftCorner { *display:none; }
#______________________________MAIN-MENU{}
#MainMenu {
width:960px; height:36px;
margin:0; padding:0;
overflow:hidden;
background:#4F4F4F url(zims/frontend/main-menu-v4.jpg) 0 0 repeat-x;
position:relative; z-index:998;
}
#MainMenu li { list-style:none; height:36px; float:left; margin-right:1px; }
#MainMenu li a {
display:block; width:100%; height:36px; line-height:36px;
text-align:center;
text-indent:-5000px; overflow:hidden;
position:relative; z-index:1000;
}
#MainMenu li a:active { border:0; }
#MainMenu li a:hover {
}
#MainMenu li a, #MainMenu li.currentItem a {
background-image:url(zims/frontend/main-menu-items-v5.jpg);
background-color:transparent;
background-repeat:no-repeat;
/*opacity:0.8; filter:alpha(opacity=80);*/
}
#item-actualites, #item-actualites a { width:97px; background-position:0px 0; }
#item-sorties, #item-sorties a { width:86px; background-position:-98px 0; }
#item-bons-plans, #item-bons-plans a { width:119px; background-position:-185px 0; }
#item-immobilier, #item-immobilier a { width:124px; background-position:-787px 0; }
#item-emploi, #item-emploi a { width:91px; background-position:-305px 0; }
#item-petites-annonces, #item-petites-annonces a { width:160px; background-position:-397px 0; }
#item-annuaire, #item-annuaire a { width:108px; background-position:-558px 0; }
#item-rencontres, #item-rencontres a { width:120px; background-position:-667px 0; }
#item-actualites a:hover, #item-actualites.currentItem a { background-position:0px -36px; }
#item-sorties a:hover, #item-sorties.currentItem a { background-position:-98px -36px; }
#item-bons-plans a:hover, #item-bons-plans.currentItem a { background-position:-185px -36px; }
#item-immobilier a:hover, #item-immobilier.currentItem a { background-position:-787px -36px; }
#item-emploi a:hover, #item-emploi.currentItem a { background-position:-305px -36px; }
#item-petites-annonces a:hover, #item-petites-annonces.currentItem a { background-position:-397px -36px; }
#item-annuaire a:hover, #item-annuaire.currentItem a { background-position:-558px -36px; }
#item-rencontres a:hover, #item-rencontres.currentItem a { background-position:-667px -36px; }
/******************************************************************************************************************************
HOROSCOPE
******************************************************************************************************************************/
#______________________________HOROSCOPE-WIDGET{}
#horoscopeSignSelection { text-align:center; font-size:11px; font-style:italic; color:#767676; }
#horoscopeSignSelection span { display:block; margin:0 auto 5px auto; }
#horoscopeSignesIcons { margin:0 0 0 5px; padding:0; overflow:auto; height:20px; }
#horoscopeSignesIcons li {
list-style:none; width:20px; height:20px;
margin:0 2px;
text-indent:-5000px; overflow:hidden;
background-color:transparent;
background-position:0 0;
background-repeat:no-repeat;
float:left; cursor:pointer;
background-image:url(zims/frontend/signes-horoscope.gif);
background-color:transparent;
background-repeat:no-repeat;
}
#horoscopeSignesIcons #horoscope-belier { background-position:0px 0px; }
#horoscopeSignesIcons #horoscope-taureau { background-position:-20px 0px; }
#horoscopeSignesIcons #horoscope-gemeaux { background-position:-40px 0px; }
#horoscopeSignesIcons #horoscope-cancer { background-position:-60px 0px; }
#horoscopeSignesIcons #horoscope-lion { background-position:-80px 0px; }
#horoscopeSignesIcons #horoscope-vierge { background-position:-100px 0px; }
#horoscopeSignesIcons #horoscope-balance { background-position:-120px 0px; }
#horoscopeSignesIcons #horoscope-scorpion { background-position:-140px 0px; }
#horoscopeSignesIcons #horoscope-sagittaire { background-position:-160px 0px; }
#horoscopeSignesIcons #horoscope-capricorne { background-position:-180px 0px; }
#horoscopeSignesIcons #horoscope-verseau { background-position:-200px 0px; }
#horoscopeSignesIcons #horoscope-poissons { background-position:-220px 0px; }
#horoscopeSignesIcons #horoscope-belier.current { background-position:0px -20px; }
#horoscopeSignesIcons #horoscope-taureau.current { background-position:-20px -20px; }
#horoscopeSignesIcons #horoscope-gemeaux.current { background-position:-40px -20px; }
#horoscopeSignesIcons #horoscope-cancer.current { background-position:-60px -20px; }
#horoscopeSignesIcons #horoscope-lion.current { background-position:-80px -20px; }
#horoscopeSignesIcons #horoscope-vierge.current { background-position:-100px -20px; }
#horoscopeSignesIcons #horoscope-balance.current { background-position:-120px -20px; }
#horoscopeSignesIcons #horoscope-scorpion.current { background-position:-140px -20px; }
#horoscopeSignesIcons #horoscope-sagittaire.current { background-position:-160px -20px; }
#horoscopeSignesIcons #horoscope-capricorne.current { background-position:-180px -20px; }
#horoscopeSignesIcons #horoscope-verseau.current { background-position:-200px -20px; }
#horoscopeSignesIcons #horoscope-poissons.current { background-position:-220px -20px; }
/******************************************************************************************************************************
MENU CATEGORIES ANNONCES
******************************************************************************************************************************/
#______________________________ACCORDIONS{}
#annoncesCategories { margin:10px; padding:0; }
#annoncesCategories li.firstLevelItem {
list-style:none;
margin:0 0 5px 0;
padding-left:12px;
background:transparent url(zims/bullets/square-4px/violet.gif) 0 6px no-repeat;
}
#annoncesCategories li span.firstLevelLabel { font-weight:bold; color:#ab51ff; }
#annoncesCategories li ul { margin:0px 0 5px 15px; }
#annoncesCategories li ul li { list-style:none; margin:3px 0; }
#annoncesCategories li ul li a { color:#605542; }
#annoncesCategories li ul li a:hover { color:#ED3887; text-decoration:none; }
#page-immobilier #annoncesCategories li span.firstLevelLabel { display:none; }
#page-immobilier #annoncesCategories li.firstLevelItem { background-image:none; padding:0; }
#page-immobilier #annoncesCategories li ul { position:relative; #bottom:10px; }
#page-immobilier #annoncesCategories li ul li {
list-style:none; margin:7px 0;
font-weight:bold; color:#3EA7BC; padding-left:12px;
background:transparent url(zims/bullets/square-4px/bleu.gif) 0 6px no-repeat;
}
#page-immobilier #annoncesCategories li ul li a{ color:#3EA7BC; }
/******************************************************************************************************************************
MENU CATEGORIES ANNUAIRE
******************************************************************************************************************************/
#AnnuaireCategories { margin:10px; padding:0; }
#AnnuaireCategories li.firstLevelItem {
list-style:none;
margin:0 0 5px 0;
padding-left:12px;
background:transparent url(zims/bullets/square-4px/vert.gif) 0 6px no-repeat;
}
#AnnuaireCategories li span.firstLevelLabel { font-weight:bold; color:#a4d01f; color:#95c613; }
#AnnuaireCategories li ul { margin:0px 0 5px 15px; }
#AnnuaireCategories li ul li { list-style:none; margin:3px 0; }
#AnnuaireCategories li ul li a { color:#605542; }
#AnnuaireCategories li ul li a:hover { color:#ff0576; text-decoration:none; }
/******************************************************************************************************************************
MENU ESPACE MEMBRE
******************************************************************************************************************************/
#______________________________MENU-ESPACE-MEMBRE{}
div.clear { clear:both; }
#page-espace-membre .mainBox { #overflow:visible; }
#page-espace-membre h3 { font-size:18px; font-weight:normal; color:#ED3887; }
.EspaceMembreMenu { margin:20px 20px 30px 30px; padding:0; height:90px; }
.EspaceMembreMenuWrapper { margin-left:10px; }
#EspaceMembreAccountMenuWrapper { width:590px; margin-top:20px; }
#EspaceMembreAccountMenuWrapper h3 { }
#EspaceMembreAnnoncesMenuWrapper { width:280px; margin:0 20px 0 10px; float:left; }
#EspaceMembreEmploiMenuWrapper { width:280px; float:left; }
#EspaceMembreEmploiMenuWrapper h3 { width:200px; }
.EspaceMembreMenu li { list-style:none; float:left; width:120px; margin:0 10px; text-align:center; }
.EspaceMembreMenu li a { display:block; padding-top:70px; color:#605542; }
.EspaceMembreMenu li a:hover { color:#ED3887; text-decoration:none; }
.EspaceMembreMenu li a:active { border:0; }
.EspaceMembreMenu li#item-modifierCoordonnees.user-m {
background:transparent url(zims/icons/espace-membre/user-m.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-modifierCoordonnees.user-mlle {
background:transparent url(zims/icons/espace-membre/user-mlle.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-modifierCoordonnees.user-mme {
background:transparent url(zims/icons/espace-membre/user-mme.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-logout {
background:transparent url(zims/icons/espace-membre/logout.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-modifierPwd {
background:transparent url(zims/icons/espace-membre/modifier-pwd.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-gererAnnonces {
background:transparent url(zims/icons/espace-membre/gerer-annonces.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-gererCV {
background:transparent url(zims/icons/espace-membre/gerer-cv.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-gererAnnonces.disabled {
background:transparent url(zims/icons/espace-membre/gerer-annonces-disabled.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-gererAnnonces.disabled a { color:#aaa; }
.EspaceMembreMenu li#item-voirPaiements {
background:transparent url(zims/icons/espace-membre/voir-paiements.gif) 50% 0 no-repeat;
}
.EspaceMembreMenu li#item-gererEmploiOffres.disabled a { color:#aaa; }
.EspaceMembreMenu li#item-gererEmploiOffres {
background:transparent url(zims/icons/espace-membre/emploi-offres.gif) 50% 0 no-repeat;
}
/*********************************************
* XMAS
*/
/*#headWrapper { background-image:url(zims/frontend/_xmas_header-v3.jpg); }
.actualite .date { background-image:url(zims/frontend/_xmas_actualite-date.png); }
.bobox { background-image:url(zims/frontend/bobox/_xmas_bobox.png); }*/