html {
font-size:16px;
}
html, body {
margin:0; padding:0;
height: 100%;
}
body {
background:#fff;
color:#5f5f5f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}
/******************************************************************************************************************************
(X)HTML
******************************************************************************************************************************/
#_________________________Hx{}
/**
*** TITRES
************************************************************/
h1 {
margin:0; padding:0;
font-size:2.4em;
color:#672179;
}
h2 {
margin:0; padding:0px;
font-size:1.8em;
/*font-weight:normal;*/
color:#672179;
}
h3 {
margin:0; padding:0;
font-size:1.3em;
color:#672179;
}
h4 {
margin:0; padding:0;
font-size:1.4em; line-height:1.4em;
}
h5 {
margin:0; padding:0;
font-size:1.2em; line-height:1.2em;
}
h6 {
margin:0; padding:0;
}
/**
*** PARAGRAPHES, LIENS, ETC
************************************************************/
p {
}
a {
color:#672179; text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active, a:focus { outline:0; }
/**
*** LISTES
************************************************************/
#_________________________LISTS{}
ul {
margin:10px 10px; padding:0;
}
li {
}
dl {
margin:10px 10px 10px 0; padding:0px; font-size:1.2em;
}
dl dt, dl dd { line-height:1.5; }
dt {
float:none;
display:block;
color:#a16da9;
font-size:1.3em;
margin:10px 0 0 0;
}
dd {
margin:0; padding:0; margin-bottom:15px;
}
/**
*** FORMULAIRES
************************************************************/
#_________________________FORMS{}
form {
display:block; margin:0; padding:0;
}
fieldset {
margin:10px 15px; padding:10px 0;
background:transparent 0 100% repeat-x;
border:0px solid #e1e1e1;
}
fieldset p {
margin:0px; padding:5px 10px;
border:0px solid #fff;
}
fieldset p.focus { }
label {
float:left;
width:170px;
cursor:pointer;
/*font-size:1.2em;*/
}
legend {
margin:0 0 0 10px;
font-size:1.7em;
color:#672179;
}
input, textarea, select {
border:1px solid #ccc;
background:#fafafa;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}
input, textarea {
padding:3px 0px; text-indent:5px;
}
optgroup { font-style:normal; color:#672179; padding:2px 2px; }
option { color:#4f422d; }
optgroup option { padding:3px 5px 1px 5px; }
input.focus, textarea.focus, select.focus { border-color:#672179; background:#fff; }
input.disabled { border:0; background:transparent; cursor:default; }
.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:0px dashed #CCCCCC;
direction:rtl;
margin:0 10px; padding:10px 0pt 5px 160px;
text-align:left;
}
div.formButtons input, input.submitButton {
text-indent:0; padding:4px 10px; text-align:center; font-weight:bold; color:#fff;
background:transparent url(zims/buttons/button-bg.gif) 0 0 repeat-x;
}
.submitField { }
.imageButton { background:transparent; border:0; padding:0; }
.submitField.hover { font-size:18px; }
.formErrors { margin:0; padding:10px 0 10px 15px; }
.formErrors li { font-size:1.2em; 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:175px;
position:relative;
margin-top:10px;
margin-bottom:10px;
}
div.fieldsList div.fieldsListTitle { position:absolute; top:0; left:0; width:175px; padding:5px 10px 5px 10px;font-size:1.2em; }
div.fieldsList div.fields { }
div.fieldsList div.fields div { margin:3px 0; width:200px; float:left; }
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.fieldsList.invalidField label { color:#5f5f5f; }
div.fieldsList.invalidField div.fieldsListTitle { color:#ec0001; }
div.radio-field input { background:transparent; border:0; }
.uniqueCheckBoxField input { background:transparent; border:0; }
/**
*** TABLEAUX
************************************************************/
#_________________________TABLES{}
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:1.1em; font-weight:bold; }
td { padding:2px 5px; background:#fff; }
/******************************************************************************************************************************
LAYOUT
******************************************************************************************************************************/
#_________________________LAYOUT{}
#Main {
background:#fff url(zims/frontend/header.gif) 0 0 no-repeat;
width:880px; /*height:552px;*/
/*position:absolute; top:50%; left:50%;
margin:-276px 0 0 -440px;*/
margin:10px auto 0 auto;
/*
min-height: 100%;*/
/*position:relative;*/
}
#Header {
height:128px;
margin:0px 0px;
position:relative; z-index:2;
/*background:#bbb;*/
}
#Header h1 {
display:block;
width:620px; height:76px;
position:absolute; right:17px; top:13px;
margin:0; padding:0;
}
#Header #HomeLink {
display:block; margin:0 auto;
width:100%; height:76px; line-height:76px;
overflow:hidden; text-indent:-5000px;
}
#Content {
margin:0; padding:0 0 0 0;
background:transparent url(zims/frontend/content.gif) 0 70px no-repeat;
}
#ContentInner {
background:transparent url(zims/frontend/content-bottom.jpg) 0 100% no-repeat;
}
#ContentInner2 {
background:transparent url(zims/frontend/tour-bottom.gif) 17px 0 no-repeat;
padding:0px 17px 80px 228px;
position:relative;
z-index:1;
}
#ContentInner3 {
padding:20px 0 0 0;
min-height:340px; _height:340px;
}
#Content p {
margin:10px 10px 10px 0; padding:0;
text-align:justify; line-height:1.5; font-size:1.2em;
}
#InvitLink {
margin:0;
position:absolute; bottom:0; right:17px; _bottom:166px;
width:161px; height:154px; display:block;
background:transparent url(zims/buttons/invit.jpg) 0 0 no-repeat;
text-indent:-5000px; overflow:hidden;
}
#Footer {
width:880px; height:38px;
/*position:absolute; bottom:0; left:0;*/
margin:0;
background:transparent url(zims/frontend/foot.jpg) 0 0 no-repeat;
clear:both;
/*font-family:Trebuchet MS, Arial, Helvetica, sans-serif;*/
}
#FooterCopyrights {
}
#FooterCopyrights p { margin:0; line-height:38px; text-align:center; text-align:center; color:#999; font-size:1.1em; }
#ConceptionCreditLink { text-decoration:none; color:#197ac4; font-weight:bold; padding-left:13px; background:transparent url(zims/frontend/crea2f-squares.gif) 0 2px no-repeat; }
#ConceptionCreditLink span { color:#c5a624; }
#ConceptionCreditLink:hover { color:#4D92C9; }
#ConceptionCreditLink:hover span { color:#d6ae08; }
div.clear { float:none; clear:both; height:1px; line-height:1px; margin:0; padding:0; }
#MainContent p.icon {
}
#MainContent p.information {
margin:10px;
}
#MainContent p.information.confirmation {
padding-left:27px; line-height:24px; min-height:24px;
background:transparent url(zims/icons/true-24.png) 0 0 no-repeat;
}
#_________________________PAGINATION{}
/**
* Pagination
*/
.navigationInfo { text-align:right; font-family:Trebuchet ms, Arial, Helvetica, sans-serif; color:#5f5f5f; margin:0 20px 10px 0; }
.paginationLinks { text-align:center; line-height:14px; }
.paginationLinks span.currentPage { font-size:1.4em; font-weight:bold; }
.paginationLinks a { font-size:1.4em;
}
.paginationLinks span.currentPage, .paginationLinks a { }
#_________________________DIALOGS{}
/**
* Dialog
*/
.ui-dialog-content p { margin:10px; text-align:center; }
div.DialogWindowContent { display:none; }
#_________________________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 { }
#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; }
#_________________________LOADING{}
/**
* LoadingIcon
*/
.LoadingOverlay {
position:absolute; top:50%; left:50%;
margin:-20px 0 0 -100px;
width:200px; height:40px; line-height:40px;
text-align:left; text-indent:55px; font-size:1.2em;
background:transparent url(zims/frontend/profil-photo-loading.png) 0 0 repeat;
color:#fafafa;
}
.LoadingOverlay img {
position:absolute; top:50%; left:10px; margin:-16px 0 0 0;
}
html.js .LoadingOverlay { display:none; }
/******************************************************************************************************************************
T I T R E S
******************************************************************************************************************************/
/******************************************************************************************************************************
******************************************************************************************************************************/
/**
* Home
*/
#HomeAnimation {
width:880px; height:600px;
position:absolute; top:0; left:50%;
margin:0 0 0 -440px; padding:0;
}
#HomeAnimation h1,
#HomeAnimation h2,
#HomeAnimation h3
{ text-indent:-5000px; margin:0; padding:0; height:0; }
#page-home #SkipIntroW {
position:absolute; width:500px; left:50%; top:540px; z-index:1000;
margin:0 0 0 -250px;; padding:0;
text-align:center;
}
#page-home #SkipIntroW a { /*text-decoration:underline;*/font-size:11px; font-weight:normal; color:#707070; }
#page-home #SkipIntroW a:hover { color:#672179 }
#page-home {}
#page-home p.last { margin-right:168px;}
/**
* Informations pratiques
*/
#page-informations-pratiques { }
/*#page-informations-pratiques #InfosAcces { position:absolute; left:550px; top:120px; margin-right:30px;}
#page-informations-pratiques #jGMap {width:250px; height:150px; }*/
#page-informations-pratiques #InfosDiverses { width:280px; line-height:1.7; }
#page-informations-pratiques #InfosAcces { width:280px; margin-top:20px; }
#page-informations-pratiques #jGMap {
border:1px solid #672179;
width:330px; height:250px;
position:absolute; left:270px; top:50px;
margin-left:250px; _margin-left:20px;
overflow:hidden;
}
#page-informations-pratiques #jGMap #jGMapInfoHTML {
height:50px; font-size:1.3em; color:#672179;
padding-left:70px; background:transparent url(zims/frontend/jgmap-info-html.gif) 0 50% no-repeat;
}
#page-informations-pratiques #CoordonneesContact {
margin:0; padding:5px; background:#fdf8fe; border:1px solid #813A8A;
width:200px;
text-align:center; color:#813A8A;
}
#page-informations-pratiques #ContactLink {
display:block;
height:24px; line-height:24px;
background:transparent url(zims/icons/) 100% 50% no-repeat;
font-weight:bold;
}
#page-informations-pratiques #ContactLink img{vertical-align:middle; }
#page-informations-pratiques #ContactLink:hover img{ text-decoration:none; }
#page-informations-pratiques #PartenairesW { margin:25px 0 0 0; }
#page-informations-pratiques #PartenairesW ul { margin:0; padding:0; overflow:auto; #overflow:visible;}
#page-informations-pratiques #PartenairesW ul li { margin:0 5px 5px 0; padding:0; list-style:none; float:left; width:120px; height:120px;}
/**
* Galerie photo
*/
#page-galerie-photo #ContentInner3 { min-height:405px; _height:405px; }
#page-galerie-photo #ContentInner3 h2 { display:none;}
#page-galerie-photo a.GalerieButton {
display:block; width:70px; height:70px;
position:absolute; top:130px; z-index:10;
text-indent:-5000px; overflow:hidden;
background-image:url(zims/buttons/galerie-prevnext.jpg);
background-repeat:no-repeat;
}
#page-galerie-photo a#GaleriePrevButton { left:230px; _left:0px; background-position:0 0; }
#page-galerie-photo a#GalerieNextButton { right:30px; background-position:-70px 0; }
#page-galerie-photo a#GaleriePrevButton.disabled { background-position:0 -70px; }
#page-galerie-photo a#GalerieNextButton.disabled { background-position:-70px -70px; }
#page-galerie-photo #GaleriePhoto {
margin:0; padding:0;
position:relative; bottom:10px;
width:450px; height:340px; margin-left:90px;
}
#page-galerie-photo #GaleriePhoto li {
list-style:none; text-align:center; width:450px; height:340px;
position:absolute; top:0; left:0;
}
html.js #page-galerie-photo #GaleriePhoto li {display:none; }
html.js #page-galerie-photo #GaleriePhoto li.first {display:block; }
/**
* Exposants
*/
#page-exposants {}
#page-exposants a.ExposantsLink {
display:block; width:165px; height:153px;
text-indent:-5000px; overflow:hidden;
position:absolute; top:100px;
background-image:url(zims/frontend/exposants-buttons.jpg);
background-repeat:no-repeat;
margin-left:250px; _margin-left:0;
}
#page-exposants a#ExposantsVigneronsLink { left:30px; }
#page-exposants a#ExposantsMarcheLink { left:240px; background-position:-165px 0; }
/**
* Contact
*/
#page-contact #ContactForm { padding-bottom:30px;}
#page-contact #ContactForm fieldset { margin:0 0 0 10px; padding:0;}
#page-contact #ContactForm legend { display: none; }
#page-contact #ContactForm #nom { width:200px; }
#page-contact #ContactForm #prenom { width:200px; }
#page-contact #ContactForm #email { width:300px; }
#page-contact #ContactForm #tel { width:90px; text-align:center; text-indent:0; }
#page-contact #ContactForm #subject { width:350px; }
#page-contact #ContactForm #message { width:350px; height:100px; }
/******************************************************************************************************************************
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; }
/******************************************************************************************************************************
******************************************************************************************************************************/
/******************************************************************************************************************************
MENU PRINCIPAL
******************************************************************************************************************************/
#_________________________MAIN-MENU{}
#MainMenu {
width:634px; height:30px;
position:absolute; bottom:0; right:17px; z-index:10;
margin:0; padding:0;
overflow:visible;
}
#MainMenu li { list-style:none; height:30px; float:left; }
#MainMenu li a {
display:block; height:30px; line-height:30px;
text-align:center;
text-decoration:none;
color:#fff;
/*text-indent:-5000px; overflow:hidden;*/
outline:0;
padding:0 18px;
font-size:1.3em;
}
#MainMenu li a:active { border:0; color:#55ab26; }
#MainMenu li a:hover {
color:#55ab26;
}
#MainMenu li.currentItem a { color:#55ab26; }
#MainMenu li.currentItem ul li a { color:#fff; }
#MainMenu li a strong { }
#MainMenu li ul {
position:absolute; top:30px; width:155px; z-index:1000;
margin:0 0 0 0px; padding:0;
}
#MainMenu li ul li {
height:24px; float:none;
}
#MainMenu li ul li a {
text-align:left; padding:0 10px;
background:transparent url(zims/frontend/main-menu-sub-items.png) 0 0 repeat-x;
_background-image:url(zims/frontend/main-menu-sub-items.gif);
font-size:1.1em;
height:24px; line-height:24px;
}
#MainMenu li ul li a:hover {
background:transparent url(zims/frontend/main-menu-sub-items.png) 0 -100px repeat-x;
color:#fff;
_background-image:url(zims/frontend/main-menu-sub-items.gif);
}
#MainMenu li ul { display:none; }
#item- { width:72px; }
#MainMenu #item- a { padding:0 7px;}
#item-programmation { width:112px; }
#MainMenu #item-programmation a { padding:0 7px; }
#item-informations-pratiques { width:150px; }
#MainMenu #item-informations-pratiques a { padding:0 7px; }
#item-galerie-photo { width:123px; }
#item-exposants { width:155px; }
/**
* Menu image
**/ /*
#MainMenu li a, #MainMenu li.currentItem a {
background-image:url(zims/frontend/_____.jpg);
background-color:transparent;
background-repeat:no-repeat;
#item- a:hover, #item-.currentItem a { background-position:px -px; }
#item- a:hover, #item-.currentItem a { background-position:px -px; }
#item- a:hover, #item-.currentItem a { background-position:px -px; }
*/