/* general*/
html, body{margin: 0;padding: 0;text-align: center;}
body{
padding: 0;
margin: 0;
font-family: verdana;
font-size: 62.5%;
background: #2F8D01 url(/site/images/bg_body.jpg) 0 0 repeat-x;
}
.banner{
background: url(/content/images/banner_jacoby.png) 0 0 no-repeat;
width:560px;
height:110px;
position:absolute;
z-index:50;
top:-110px;
margin-left:380px;
}
.banner a{
height:30px;
width: 150px;
display: none;
position:relative;
z-index:100;
margin:40px 0 0 380px;
}
/*.banner{
width: 551px;
height:114px;
position:absolute;
z-index:50;
top:-105px;
margin-left:380px;
}
.banner a{
height:30px;
width: 150px;
display: block;
position:absolute;
z-index:100;
margin:40px 0 0 380px;
padding: 0;
}
.banner a img{
border:none;
}*/
#global{
width:960px;
text-align:left;
margin:0 0 0 0;
padding:0;
position:relative;
margin:0 auto;
}
a{ color: #b65b12;}
h1{
color: #2A4B00;
font-weight: normal;
font-size:1.7em;
}
h2{
/*margin:20px 0 0 0;
margin:10px 0 10px 0;*/
color: #653F0F;
font-size:1.2em;
}
h3{
margin:0 0 0 0;
padding: 5px 0 5px 0;
font-weight:normal;
color: #00547f;
font-weight: bold;
font-size:1.1em;
}
.clear{clear: both;}
.null{line-height: 0;}
.none{display: none;}
.left{float: left;}
.right{float: right;}
#header{
height:65px;
width:960px;
margin:120px 0 0 0;
background: url(/site/images/header.png) 0 0 no-repeat;
}
/* Logo */
.logo{
margin:-103px 0 0 0 ;
position: absolute;
width:354px;
height: 137px;
}
.logo-link{
width:354px;
height: 137px;
background: url(/site/images/logo_jacoby.png) no-repeat;
}
.logo-link a{
width:354px;
height: 137px;
display: block;
text-decoration: none;
position:relative;
z-index:100;
cursor: pointer;
}
.logo a span, .logo-link span{display: none;}
/*fin logo*/
#header .right{
height:142px;
width:200px;
}
#header .menu-top{float: right;}
#header .menu-top{
width:600px;
text-align: right;
}
#header .menu-top .nav-top{
margin:20px 30px 0 0;
opacity: 0.8;
}
#header .menu-top .nav-top li{
list-style-type:none;
display: inline;
background: #fff;
line-height: 15px;
padding:1px 5px;
position: relative;
}
#header .menu-top .nav-top li a{
color:#653F0F;
font-weight:bold;
font-size:1.1em;
text-decoration:none;
}
#global #lang{
margin:-25px 0px 0 900px;
padding:2px 5px;
/* background:green;*/
color:#fff;
opacity: 0.8;
position: absolute;
display:block;
}
#global #lang .bg_lang{background:green;}
#lang a{
color:#fff;
font-size: 1.3em;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}
/* menu*/
#menu{
width:189px;
position: relative;
}
.menu{
margin:0 0 10px 0;
padding: 0;
position:relative;
z-index: 1;
background: #EDE9E1 url(/site/images/border_round_menu.gif) 0 0 no-repeat;
border-bottom: 1px solid #fff;
}
.menu ul{
margin:0 0 0 0;
padding: 15px 0 0 0;
}
.menu ul li{
line-height: 10px;
position: relative;
}
.menu ul li.nav_off1, .menu-admin ul.nav2 li.nav_off{
border-top: 1px dotted #653F10;
margin: 0 0 0 0;
padding:0 0 0 0;
display:block;
list-style-type: none;
background: url(/site/images/bg_menu_off.jpg) 0 0 no-repeat;
}
.menu ul li.nav_act1{
background: #F6F3EC url(/site/images/bg_menu_on.jpg) 0 0 no-repeat;
list-style-type: none;
display:block;
margin: 0 0 0 0;
padding:0 0 0 0;
}
.menu ul li.nav_act1 a, #content .menu-admin ul.nav2 li.nav_act a{color:#B26506;}
.menu ul li.nav_act1, #content .menu-admin ul.nav2 li.nav_act{border-top: 1px dotted #653F10;}
.menu li.nav_act1 a, .menu li.nav_off1 a, .menu-admin ul.nav2 li.nav_off a, .menu-admin ul.nav2 li.nav_act a{
color: #653F0F;
font-size:1.2em;
font-weight: bold;
text-decoration:none;
display:block;
position:relative;
z-index: 2;
cursor:pointer;
padding:10px;
margin: 0;
}
.menu ul#nav1 li a span{
margin:0;
padding:0;
}
.menu ul#nav1 li a span.hover{display:none;}
.menu #nav1 li.navextra{
background:#F6F3EC;
list-style-type:none;
margin: 0;
padding:0 0 0 0;
}
.menu #nav1 ul#nav2{padding:0 5px 0 10px;}
.menu #nav1 li.nav_act2{
padding:0 0 7px 7px;
margin:0 0 7px 0;
list-style-type:none;
font-size:1.1em;
/*background:url(/site/images/flechejardin_menu_act.gif) 0 4px no-repeat;*/
background:url(/site/images/flechejardin_menu_act.gif) 0 6px no-repeat;
line-height:14px;
}
.menu #nav1 li.nav_off2 a{
font-weight: bold;
text-decoration:none;
color:#653F0F;
}
.menu #nav1 li.nav_act2 a{
font-weight: bold;
text-decoration:none;
color:#3B6500;
}
.menu #nav1 li.nav_off2{
font-size:1.1em;
font-weight: bold;
text-decoration:none;
list-style-type:none;
padding:0 0 7px 7px;
margin:0;
/*background:url(/site/images/fleche_menu_off.gif) 0 3px no-repeat;*/
background:url(/site/images/fleche_menu_off.gif) 0 5px no-repeat;
line-height:14px;
}
.menu #nav1 li.nav_act2 .nav3{
padding:0;
margin:3px 0 0 0;
}
.menu #nav1 li.nav_act2 .nav3 li{
font-size:1em;
padding:3px 0 3px 10px;
margin:0;
list-style-type:none;
}
.menu #nav1 li.nav_act2 .nav3 li a{
text-decoration:none;
font-weight:normal;
line-height:11px;
color:#653f0f;
padding:0 0 4px 0;
display:block;
background: url(/content/images/menu-dotted.gif) 0 bottom repeat-x;
}
.menu #nav1 li.nav_act2 .nav3 li.nav_act3 a{
color:#3B6500;
background: url(/content/images/menu-dotted2.gif) 0 bottom repeat-x;
}
.menu #nav1 li.nav_act2 .nav3 li .nav4{
padding:0 0 0 0;
margin:3px 0 0 0;
}
.menu #nav1 li.nav_act2 .nav3 li .nav4 li{padding:2px 0 2px 8px;margin:0;}
.menu #nav1 li.nav_act2 .nav3 li .nav4 li.nav_off{background: url(/content/images/menu_dot.gif) 0 7px no-repeat; }
.menu #nav1 li.nav_act2 .nav3 li .nav4 li.nav_act{background: url(/content/images/menu_dot2.gif) 0 7px no-repeat;}
.menu #nav1 li.nav_act2 .nav3 li .nav4 li.nav_off a{
font-size:0.9em;
color:#A55C26/*86500D*/;
padding:0;
background: none;
}
.menu #nav1 li.nav_act2 .nav3 li .nav4 li.nav_act a{
font-size:0.9em;
color: #65A211/*B65B12*/;
padding:0;
background:none;
}
/*#content .menu .produits{
border-top: 1px dotted #653F10;
}*/
/*menu-admin*/
.menu-admin ul.nav2{
padding:0 ;
margin:0 0 20px 0;
list-style: none;
/*background-color: #DFD5C3;*/
border-top: 4px solid #3F3C37;
}
.menu-admin ul.nav2 ul.nav3{padding:0;}
.menu-admin ul.nav2 ul.nav3 li{list-style-type: none;}
.menu-admin ul.nav2 ul.nav3 li a{
margin:0;
padding:0 0 5px 20px;
font-size: 1.1em;
}
.menu-admin ul.nav2 ul.nav3 li a{
padding:0 0 7px 7px;
margin:0 0 0 20px;
font-size: 1.1em;
}
#content .menu-admin ul.nav2 .nav3 li.nav_off a{
font-weight: bold;
text-decoration:none;
color:#653F0F;
background: transparent url(/site/images/fleche_menu_off.gif) 0 3px no-repeat;
}
#content .menu-admin ul.nav2 .nav3 li.nav_act, #content .menu-admin ul.nav2 .nav3 li.nav_off{
border: none;
background:#EDE9E1;
}
#content .menu-admin ul.nav2 .nav3 li.nav_act a{
font-weight: bold;
text-decoration:none;
color:#3B6500;
background:url(/site/images/flechejardin_menu_act.gif) 0 4px no-repeat;
}
.menu-admin ul.nav2 ul.nav3 li.nav_act a{color:#00547f;}
/*menu-admin end*/
#content{
text-align: left;
padding: 1px 30px 30px 30px;
background: #fff;
}
#content p{
font-size: 1.1em;
padding: 0 0 10px 0;
margin:0;
color:#4F483F;
text-align:left;
}
#content-text{
float:right;
padding:0;
margin:0 0 0 10px;
width:700px;
background: #EEE9DF url(/site/images/bg_content.jpg) 0 0 repeat-x;
}
#content-text .border{
background: url(/site/images/border_round_content.gif) right 0 no-repeat;
padding: 25px 20px;
}
.img-center{margin: 0 35px 0 35px;}
/*.open{width: 396px; border: 1px solid #fff; padding: 5px; background-color: #F5F2EB;}*/
/* footer*/
#footer{
clear: both;
background: url(/site/images/footer.jpg) 0 0 repeat-x;
font-size: 1.1em;
padding:9px 0 15px 0;
color: #fff;
text-align: center;
margin: 0 auto 0 auto;
}
#footer a{color:#fff;}
#footer span{
position:relative;
margin:0 0 0 0;
}
#footer img{
position: absolute;
z-index: 2;
width:89px;
height: 39px;
margin:-39px 0 0 -20px;
}
.occas_rubrique{margin:0 0 20px 0;}
.occas_marque{
background:#DBCAA8;
padding:10px;
margin: 0 0 10px 0;
}
.occas_marque .description{
font-size:1.1em;
color:#332F29;
line-height:1.4em;
}
.occas_marque .caracteristiques{
clear:both;
margin:0;
padding:0;
}
.occas_marque .caracteristiques ul{
margin:0;
padding:0 0 0 20px;
}
.occas_marque .caracteristiques ul li{
padding:2px 0 2px 8px;
margin:0;
font-size:1.1em;
color:#332F29;
list-style-type: none;
background: url(/content/images/fleche_caract.gif) 0 6px no-repeat;
}
#content .occas_marque p{
color:#332F29;
padding:0 0 5px 0;
}
#content .occas_marque .left img{margin:0 10px 10px 0;}
#content .occas_rubrique h3{
color:#332F29;
padding:0 0 5px 0;
}
/*Form*/
.champ{color:#00A550; font-style: italic; padding-bottom: 5px;}
.champ span img{vertical-align: middle;}
#contact p.tit_form label, #ajoutbien p.tit_form label{margin-left: 5px;color: #653f0f;}
#contact p.in_form input, #contact p.in_form textarea{
color: #653f0f;
padding:1px;
}
form p, form ul, form ul li, form div{position: relative;}
p.tit_form{
margin: 0px;
padding: 0px;
width: 30%;
display: block;
float: left;
line-height: 20px;
}
p.tit_form span{
width: 23px;
height: 12px;
text-align: right;
float: left;
color: #fff;
}
p.tit_form span.important2{color: red;}
p.tit_form span img{
vertical-align: middle;
}
p.in_form{
width: 69%;
float: right;
margin: 0px;
padding: 0px;
line-height: 20px;
}
form .clear{
height: 0;
margin: 0 0 0 0;
}
form.contact{
border: 1px solid #fff;
background-color: #f5f2eb;
padding: 15px;
width: 95%;
}
form.contact input, form ul.choice input{
border: 1px solid #fff;
font-size: 1.05em;
border: 1px solid #dcceb3;
color:#4F483F;
}
form.contact textarea{
border: 1px solid #fff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
border: 1px solid #dcceb3;
}
form textarea#message{
width:235px;
}
form.contact input.submit{
border: 1px solid #BAAB95;
background: #F9F5EE ;
width:100px;
height: 20px;
font-size:0.9em;
font-weight: bold;
margin: 0;
cursor:pointer;
display: block;
}
fieldset{
border:1px solid #E8E8E8;
clear:both;
margin:0 0 10px 10px;
padding:3px 5px 25px 5px;
}
fieldset legend{
font-size:1.1em;
color: #b7b7b7;
font-style:italic;
padding:5px;
}
ul.choice{
font-size: 1.1em;
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul.choice label{color:#4F483F;}
.free{color:#4F483F;display: block; margin: 10px 0; font-size: 1.1em;}
.free input{border: none;}
.lastli{clear: both;}
ul.choice li.left, ul.choice li.right{width:50%;}
ul.choice input{border: none;}
.login{margin:10px 0 0 0;}
.login .field_log{margin-bottom: 5px;}
.login .form_left{padding:5px 0 5px 0;}
.login .field_log label{font-size:1.2em;color:#444444;}
#content .login .form_right input{padding:1px;border: 1px solid #fff;color: #444444;background: #fff;}
.login .form_right input.input{font-size:1.1em;border:none;padding:0 0 1px 0;width:66px;height:20px;font-weight:bold;color: #3f3f3f;background: url(/content/images/submit_login.jpg)0 0 no-repeat;}
.logout{margin:20px 0 20px 0;}
.logout div.message{font-weight:bold;margin-bottom:5px;color:#444444;}
.logout div{font-size:1.2em;}
.logout div a{color: #444444;}
#default #nav1 li.default{padding-top:13px;}
/*Pager*/
ul.pager{clear:both;margin:0;padding:0;}
ul.pager li{
float:left;
color:#b7b7b7;
list-style-type:none;
padding:0 5px 0 0;
font-size:1.2em;
}
ul.pager li a{
color:#b7b7b7;
padding: 0 0 0 0;
}
/*sitemap*/
.sitemap{margin:0;padding: 5px; line-height: 1.4em; border: 1px solid #fff; background-color: #f5f2eb;}
.sitemap dt, .sitemap dd{position: relative;}
.sitemap_nav1 dt{
border-bottom: 1px dotted #fff;
padding: 5px 0 5px 0;
font-weight: bold;
font-size: 1.2em;
color: #444444;
}
.sitemap_nav1 dt a{color:#444444;}
.sitemap_nav1 dt a:hover{color:#b65b12;}
.sitemap_nav1 dd{margin: 0;}
.sitemap a{text-decoration: none;}
.sitemap_nav2 dt a{
font-size: 0.9em;
color: #444444;
font-weight: normal;
padding: 0 0 0 12px;
margin:0 0 0 10px;
background: url(/site/images/fleche.gif) left no-repeat;
}
.sitemap_nav2 dd{margin: 3px 0 0 8px;}
.sitemap_nav3{padding: 5px;}
.sitemap_nav2 dt, .sitemap_nav3 dt{background: none;border:none;}
.sitemap_nav3 dt a{
color: #444444;
font-size: 0.8em;
padding: 0 0 0 12px;
background: url(/site/images/fleche-menu.gif) left no-repeat;
}
.pre-wrap, .propertyMultiline {
/*font-size:1.1em;*/
color: #fff;
white-space: pre-wrap; /* css-3 should we be so lucky... */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 ?? */
white-space: -o-pre-wrap; /* Opera 7 ?? */
}
.actu{margin-bottom: 40px;}
#content .actu h2{
border-bottom: 1px dotted #3F3C37;
margin: 0 0 5px 0;
padding:0 0 10px 0;
}
#content .actu .actu-date{
margin:0 0 5px 0;
padding: 3px 0 3px 0;
font-size: 1.1em;
font-style: italic;
color: #B65B12;
}
.actu .left{
padding:0 15px 10px 0;
font-size:1.2em;
color:#b7b7b7;
}
.actu .center{
text-align:center;
margin:10px 0 0 0;
}
.actu .right{padding:0 0 10px 10px;}
.actu .choixA, .actu .choixB, .actu .choixC, .actu .no-choice{
font-size:1.1em;
color:#444444;
}
.actu .choixA .left img{
display: block;
margin:3px 10px 5px 0;
border:1px solid #BFAD8F;
}
.actu .choixB .right img{
display: block;
margin:3px 0px 5px 10px;
border:1px solid #BFAD8F;
}
.actu .choixC img{
margin:3px;
border:1px solid #BFAD8F;
}
.actu .projet-txt, .actu p.post{
margin:5px 0 0 0;
font-size:1.2em;
color:#595448;
width:420px;
}
.actu p.post a{color:#7d4e88;}
/*ul.files{
clear: both;
border-top:1px dashed #d0edfe;
margin: 10px 0 5px 0;
padding:10px 0 5px 4px;
}
ul.files li{list-style-type: none;}
ul.files li a{color:#444444;}
ul.files li a:hover{color:#00547f;}*/
#content p.files{margin: 10px 0; padding:0;}
a.pdf, a.doc, a.xls, a.ai, a.gif, a.jpg, a.ppt{
padding:2px 0 4px 25px;
}
a.pdf{
background: url(/cms/images/docs/pdf.png) top left no-repeat;
}
a.doc{
background: url(/cms/images/docs/doc.png) top left no-repeat;
}
a.xls{
background: url(/cms/images/docs/xls.png) top left no-repeat;
}
a.ai{
background: url(/cms/images/docs/ai.png) top left no-repeat;
}
a.gif{
background: url(/cms/images/docs/gif.png) top left no-repeat;
}
a.jpg{
background: url(/cms/images/docs/jpg.png) top left no-repeat;
}
a.ppt{
background: url(/cms/images/docs/files.png) top left no-repeat;
}
.copy-paster{height: 5px;}
.copy-paster.copy-hover{
height: 15px;
border: 1px solid red;
}
/*main-sub*/
.main-sub, .main-sub2{
margin: 10px 0 0 0;
padding: 7px;
background-color: #EEE9DF;
color: #55452B;
}
.main-sub-tit{
font-weight: bold;
border-bottom: 1px solid #664C19;
color: #664C19;
margin: 0 0 10px 0;
line-height: 25px;
}
.main-sub-content .title, .main-sub-content .price, .main-sub-content .photo{padding: 4px 0 4px 0;}
.main-sub-content .title, .main-sub .main-sub-content .price{font-size: 1.1em;}
.main-sub .main-sub-tit{font-size: 1.1em;}
.main-sub-content .photo img{border:1px solid #BFAD8F;}
.main-sub-content .photo{text-align: center;}
.main-sub-content .all{font-style: normal; font-size: 1em;}
/**/
/* a voir*/
.img-no-javascript{
clear:both;
margin:0;
padding:0 0 10px 10px;
}
.img-no-javascript li{
margin:0;
padding:0 5px 0 0;
list-style-type:none;
display:inline;
}
.img-no-javascript li img{border:1px solid #fff;}
.hidden{display:none;}
#no-script{
border: 1px solid #d1ebfc;
height: 150px;
margin-bottom: 10px;
background: url(/content/images/fd-modeles-thumb.jpg) repeat-x #fbfcfe;
}
#no-script ul{
float: left;
padding: 0;
margin: 8px 0 0 8px;
position: relative;
overflow: hidden;
height: 115px;
width: 515px;
}
#no-script li{
list-style: none;
height: 115px;
padding: 2px 0 0 0 ;
width: 122px;
float: left;
text-align: center;
font-size: 0.95em;
font-weight: bold;
margin: 0 3px 0 3px;
}
#no-script img{
border: 1px solid #fff;
margin: 0;
}
#no-script ul li a{
text-decoration : none;
color: #008797;
width: 119px;
height: 120px;
display: block;
padding: 0px 0px 1px 1px;
}
dl#details {
width: 155px;
position: relative;
padding: 0;
min-height: 160px;
margin: 0;
padding: 5px 0 0 0 ;
cursor:pointer;
}
dl#details dt {
display: block;
width: 100px;
height: 80px;
text-align: center;
font-size: 0.95em;
font-weight: bold;
}
dl#details dt img{border: 1px solid #5CC1F9; }
dl#details dd {
position: absolute;
top: 0;
text-align:center;
margin: 0 0 0 0;
width: 155px;
padding: 5px;
background:#E3F3FD;
}
/*index*/
#content p.open-hours{
border: 3px double #B26506;
width: 95%;
margin: 8px 0;
padding: 8px;
}
.forest, .jardi, .api{
display: block;
width:280px;
height: 190px;
/*margin: 0 9px 0 9px;*/
font-size: 1.1em;
}
.forest{background : url(/site/images/forestier.jpg) no-repeat; color: #074B02;}
.jardi{background : url(/site/images/jardinage.jpg) no-repeat; color: #3C6006; margin: 0 27px;}
.api{background : url(/site/images/apiculture.jpg) no-repeat; color: #A34000;}
.forest a{color: #074B02; text-decoration: none;}
.jardi a{color: #3C6006; text-decoration: none;}
.api a{color: #A34000; text-decoration: none;}
.box-tit{
width: 161px;
height: 25px;
margin: 10px 0 0 110px;
}
.box-tit a{
width: 100%;
display: block;
height: 25px;}
.forest .box-tit a{background: url(/site/images/forestier-fr.gif) no-repeat left;}
.jardi .box-tit a{background: url(/site/images/jardinage-fr.gif) no-repeat left;}
.api .box-tit a{background: url(/site/images/apiculture-fr.gif) no-repeat left;}
.forest .box-tit a:hover{background: url(/site/images/forestier-b-fr.gif) no-repeat left;}
.jardi .box-tit a:hover{background: url(/site/images/jardinage-b-fr.gif) no-repeat left;}
.api .box-tit a:hover{background: url(/site/images/apiculture-b-fr.gif) no-repeat left;}
.box-tit span{display: none;}
.box-content{
width: 141px;
margin: 10px 0 0 120px;
}
.box-content a:hover{color: #C0262C;}
.content-accueil{
background-color: #EDE8E2;
margin-bottom: 0px;
border-bottom: 1px solid #EDE8E2;
/*width: 877px;*/
margin-left: auto;
margin-right: auto;
}
.content-accueil h1{
color: #b26506;
position: relative;
padding: 5px 5px 5px 15px;
}
.content-accueil .top .left{
display: block;
width: 10px;
height: 10px;
background-image: url(/site/images/round-left.gif);
}
.content-accueil .top .right{
display: block;
width: 10px;
height: 10px;
background-image: url(/site/images/round-right.gif);
}
.content-accueil .present{
width: 70%;
padding: 0 0 0 15px;
}
.content-accueil .present1{padding: 0 0 0 15px;}
.content-accueil .present1 .right{width: 300px;}
.content-accueil .present .right{width: 195px;}
.content-accueil .sub{
width: 28%;
border-left: 1px dotted #7C6136;
}
.content-accueil .left .left{width: 410px;}
.content-accueil .main-sub{background-color: #FEFDFB;}
.content-accueil .main-sub, .content-accueil .main-sub2{ margin-left: 10px; width: 200px}
.content-accueil .main-sub2{margin: 10px;}
.content-accueil .main-sub2 .title, .content-accueil .main-sub2 .intro, .content-accueil .main-sub2 .main-sub-tit{font-size: 1.1em;}
.content-accueil .main-sub2 .date, .content-accueil .main-sub2 .title, .content-accueil .main-sub2 .intro{margin: 5px 0;}
.content-accueil .main-sub2 .title {font-weight: bold; color: #664C19;}
ul.menu-others{
font-size: 1.1em;
list-style: none;
margin: 0 10px 0 0;
padding: 0;
}
ul.menu-others li{
display: block;
font-weight: bold;
width: 100%;
padding: 0;
margin: 0;
line-height: 25px;
border-bottom: 1px dotted #5C4418;
}
ul.menu-others a{color: #5C4418;text-decoration: none;}
.content-index{padding-top: 10px;}
.content-index ul{
font-size: 1.1em;
list-style:none;
margin: 0;
padding: 0;
position: relative;
}
/*select box a voir*/
div.selectbox-wrapper {
position:absolute;
width:400px;
background-color:white;
border:1px solid #ccc;
margin:0px;
margin-top:0px;
padding:0px;
font-size:1.1em;
text-align:left;
max-height:200px;
overflow:auto;
z-index: 500;
}
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.selectbox-wrapper ul li.selected { background-color: #EAF2FB;}
div.selectbox-wrapper ul li.current { background-color: #CDD8E4;}
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
.selectbox /* look&fell of select box*/{
margin: 5px 5px 0px 0px;
padding-left:2px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
width : 170px;
display : block;
text-align:left;
background: url('/site/images/select1.jpg') no-repeat right #fff;
height:16px;
cursor: pointer;
border:1px solid #7F9DB9;
color:#333;
}
.selectbox:hover{background: url('/site/images/select2.jpg') no-repeat right #fff;}
select {background: url('bg_select.png') right;}
/* design gms*/
.design{
position:relative;
z-index:1;
text-align:center;
background:url(/site/images/design-gms.jpg) center 0 no-repeat;
padding:6px 0 30px 0;
margin:-7px 0 0 0;
color:#fff;
}
.design a{color:#FEAE24;}
.design img{border:none;}
/*Select box end*/
/* Produits en location */
table.occasions-table{
font-size: 1.1em;
width: 100%;
border-collapse: collapse
}
table.occasions-table th{
color: #639a18;
padding: 3px;
border-bottom: 2px solid #b0dc61;
text-align:left;
}
table.occasions-table td{
border-bottom: 1px dotted #4d452e;
padding: 8px 3px 8px 3px;
vertical-align: top;
width : 20%;
color:#4F483F;
}
table.occasions-table td.width50{ width: 50%;}
table.occasions-table td span.occas-title{font-weight: bold;}
table.occasions-table td span.occas-content{
font-style: italic;
padding: 0 3px 0 3px;
font-weight: normal;
}
table.occasions-table td img{border: 1px solid #639a18;}
/* products*/
.bread{border-bottom: 1px dotted #B65B12;padding: 5px;}
/*.products h2 span.model, .products h2 span.marque{font-size: 0.85em;}*/
.products_occas h2, .products h2 a{
color: #653F0F;
text-decoration:none;
}
.promo_products{background: #F7F3EC url(/site/images/bg_promotions.jpg) 0 0 repeat-x;}
.promo_products h2{
margin:0 0 0 0;
padding:10px 0 10px 0;
color: #653F0F;
font-size:1.2em;
}
.products_occas h3 a:hover, .products h2 a:hover{
color: #935E1C;
text-decoration: underline;
}
.products_occas .left a:hover img, .products .left a:hover img{border:1px solid #935E1C;}
/*.products img, .products-detail img{border: 1px solid #b4dd5d;}
.products .left{width: 150px; margin:0 10px 0 0;}
.products .right{float:left; margin:0 0 0 0; width: 500px;}*/
.products_occas img, .products img, .products-detail img{border: 1px solid #b4dd5d;background:#fff;padding:4px;}
.products_occas .left, .products .left{width: 160px; margin:0 10px 0 0;}
.products_occas .right, .products .right{float:left; margin:0 0 0 0; width: 480px;}
.products-detail .left{width: 210px; margin:0 10px 0 0;}
.products-detail .right{float:left; margin:0 0 0 0; width: 440px;}
/*.products-detail .left{width: 200px; margin:0 10px 0 0;}
.products-detail .right{float:left; margin:0 0 0 0; width: 450px;}*/
.products p span, .products-detail p span{font-weight: bold;}
.products div.clear{border-bottom: 1px dotted #4d452e; padding-bottom: 5px; text-decoration: line-through;}
.products_occas div.clear{border-bottom: 1px dotted #4d452e; margin-bottom: 15px; text-decoration: line-through;}
div.products_occas .list_content_occas div.clear{
padding:0 0 10px 0;
margin:0;
}
.products_occas h3 a{
color:#4F483F;
text-decoration:none;
font-size:1em;
}
.products_occas h3{ padding:0 0 5px 0;}
.products_occas .list_content_occas div.clear{border: none; padding: 0;text-decoration:none;}
.products .barre{text-decoration: line-through; }
.products .promo{
margin:0 0 0 10px;
color:#c00000;
}
p.prix .promo_barre{
text-decoration: line-through;
}
p.prix .promo_prix{
color:#cc0000;
font-weight:bold;
}
.products .texte_promo{
display:block;
font-size:0.9em;
color:#cc0000;
font-weight:normal;
margin-left:108px;
}
.products-caract caption{
margin:5px 0 5px 0;
text-align:left;
font-weight:bold;
color:#4F483F;
}
.products-caract{
border: 1px solid #b4ada5;
width: 100%;
font-size: 1.1em;
}
.products-caract td{
width: 50%;
padding: 3px;
background: #fff;
color:#4F483F;
font-weight: normal;
}
.products-caract tr.odd td{background: #ece7e4 url('/content/images/table_bg.jpg') repeat-x top;}
.products-caract tr.odd th{
width: 50%;
padding: 3px;
color:#4F483F;
font-weight: normal;
background: #ece7e4 url('/content/images/table_bg.jpg') repeat-x top;
text-align: left;
}
.products-caract tr.even th{
background: #fff;
width: 50%;
padding: 3px;
color:#4F483F;
font-weight: normal;
text-align: left;
}
.detail_img{
background:#fff;
padding:10px;
border:1px solid #BBB3A4;
margin: 0 0 10px 0;
}
.occasion_img_detail{
float:left;
/*height: 220px;*/
width: 210px;
margin: 1px;
}
.occasion_img_detail img{border:1px solid #b4dd5d;margin: 0 10px 0 0;}
.produit_pdf{
clear:both;
background:#F6F3EC;
border:1px solid #BBB3A4;
margin:0 0 7px 0;
}
#content .produit_pdf p{
padding:10px;
margin:0;
}
/* marques*/
.gallerie-thumbs{margin-bottom: 30px;}
.galerie-img-details, .gallerie-thumbs{
width: 155px;
float: left;
height: 160px;
}
.gallerie-thumbs .galerie-img-details a.external{cursor: pointer;}
.galerie-img-title{
height: 43px;
font-size: 1.1em;
margin-top: 5px;
padding: 4px;
color: #653f0f;
text-align: center;
background-color: #dfd5c3;
width: 118px;
}
.galerie-img{
vertical-align: middle;
text-align: center;
width: 123px;
height: 96px;
border: 1px solid #b65b12;
background-color: #fff;
display: block;
}
.galerie-img span img{border: none;}
.galerie-img span{
line-height: 100px;
border: 1px solid #fff;
}
.galerie-img * {vertical-align: middle;}
.galerie-img i {
}
/*End Marques*/
/*Attention toujours a la fin*/