body { margin:0; padding:0; background:#7f7777; color:#4b4b4b; font:100.01% Helvetica, Arial, sans-serif; text-align:center; } #wrapper { font-size:80%; width:1005px; margin:0 auto; padding:0; } #container { margin:0; padding:0 30px; width:945px; float:left; background:url(../medias/images/layout/background-container.png) top left repeat-y; text-align:left; } #footer { margin:0; padding:0 30px; width:945px; float:left; background:url(../medias/images/layout/background-footer.png) top center repeat-y; text-align:center; height:50px; } #header { z-index:1000; position:relative; } #center { z-index:1; position:relative; } #center { margin:0; padding:0; width:100%; float:left; } #content { margin:0; padding:0; width:645px; float:left; } #column { margin:0; padding:0; width:300px; float:left; } /* TEXT */ h1, h2, h3, h4, h5, h6 { margin:0; padding:5px 0; } img { border:none; vertical-align:text-bottom; } .leftimage { float:left; width:auto; padding:0 10px 25px 0; } a { color:#4b4b4b; text-decoration:none; } a:hover { color:#4b4b4b; text-decoration:underline; } h1 { font-size:200%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding:0; } h2 { font-size:160%; font-weight:normal; padding:0; } h3 { font-size:140%; font-weight:normal; } .button a { background:#4b4b4b; color:#fff; text-decoration:none; text-transform:lowercase; padding:1px 10px; font-size:90%; font-weight:bold; } .reversebutton a { background:#fff; color:#4b4b4b; border:1px solid #4b4b4b; text-decoration:none; text-transform:uppercase; padding:2px 10px; font-size:80%; font-weight:bold; } /*.typobutton a { background:#fff; color:#4b4b4b; border:1px solid #4b4b4b; text-decoration:none; text-transform:uppercase; padding:2px 10px; font-size:80%; font-weight:bold; float:left; display:block; }*/ .button a:hover { background:#eee; color:#4b4b4b; text-decoration:none; } .bigbutton a { font-size:110%; line-height:20px; } .link { text-align:right; } .vcf a { padding:2px 0 3px 25px; background: url(../medias/images/layout/icon-vcf.gif) top left no-repeat; } .new { margin:0; padding:0; display:block; width:60px; height:60px; background:url(../medias/images/layout/new-4b4b4b.png) top left no-repeat; position:absolute; top:0; left:0; } .blogweek { margin:0; padding:0; display:block; position:absolute; top:0; left:0; z-index:1000; } #squareboxes .blocs li .blogweek img { width:auto; max-width:310px; } .previous_double { background:url(../medias/images/layout/previous-double.png) top center no-repeat; } .next_double { background:url(../medias/images/layout/next-double.png) top center no-repeat;} .previous_single { background:url(../medias/images/layout/previous-single.png) top center no-repeat;} .next_single { background:url(../medias/images/layout/next-single.png) top center no-repeat;} a.email { background: url(../medias/images/layout/icon-email.gif) top left no-repeat; } a.print { background: url(../medias/images/layout/icon-print.gif) top left no-repeat; } .bordeaux, strong .bordeaux { color:#4b4b4b; } .red { color:#bb031b; } .note { font-size:90%; } /* FORM */ input { width:215px; color:#595959; border:1px solid #ccc; line-height:16px; font:100% Helvetica, Arial, sans-serif; font-style:italic; } textarea { width:215px; height:100px; color:#595959; border:1px solid #ccc; line-height:16px; font:100% Helvetica, Arial, sans-serif; font-style:italic; } input.checkbox { width:auto; border:none; } select { width:215px; color:#595959; border:1px solid #ccc; line-height:16px; font:100% Helvetica, Arial, sans-serif; font-style:italic; } input.ok { width:25px; height:25px; font-weight:bold; font-size:11px; line-height:20px; padding:0; margin:0; border:none; background:url(../medias/images/layout/circle-eeeeee.png) 0 0 no-repeat; cursor:pointer; font-style:normal; text-transform:uppercase; } input.ok:hover, #searchTags input.ok:hover, #searchPhrase input.ok:hover, #searchRTags input.ok:hover { background-image:url(../medias/images/layout/circle-DA2678.png); color:#fff; } input.text { width:auto; font-weight:bold; font-size:125%; font-style:normal; line-height:28px; padding:0 10px; margin:0; border:none; background:none; cursor:pointer; } input.button { width:auto; float:right; font-style:normal; background:#4b4b4b; color:#fff; text-decoration:none; padding:2px 10px; margin:0 0 0 5px; font-size:80%; font-weight:bold; cursor:pointer; } input.reversebutton { width:auto; float:right; font-style:normal; background:#fff; border:1px solid #4b4b4b; color:#4b4b4b; text-decoration:none; padding:2px 10px; margin:0 0 0 5px; font-size:80%; font-weight:bold; cursor:pointer; } input.bigbutton { font-size:110%; } label { font-size:120%; color:#4b4b4b; font-weight:bold; cursor:pointer; display:block; width:100%; margin:0; padding:0; } label .note { font-size:80%; color:#4b4b4b; font-weight:normal; display:block; width:100%; margin:0; padding:0 0 5px; } form { margin:0; padding:0; } ::-webkit-input-placeholder {color: #999;} :-ms-input-placeholder {color: #999;} :-moz-placeholder {color: #999;} #article input.ok { background-image:url(../medias/images/layout/circle-4b4b4b.png); color:#fff; width:25px; } #column input { width:200px; } .addressbook_search { float:left; padding:0 10px; margin:0 0 10px; width:324px; border:1px solid #ccc; background:#fff; } .addressbook_search h2 { padding:10px 0; font-size:130%; font-weight:bold; } #searchTags { float:left; width:100%; } #searchPhrase { float:left; width:100%; } #searchTags p { float:left; padding:0; margin:0; } #searchTags select, #searchTags input { width:100%; } #searchRTags { float:left; padding:0 0 0 10px; margin:10px 0 0; width:618px; border:1px solid #ccc; background:#eee; } #searchRTags p { float:left; padding:5px 0; margin:0; width:50%; } #searchRTags label { width:115px; float:left; font-size:90%; font-style:normal; text-decoration:none; padding:3px 0px 4px; margin:0 5px 0 0; font-weight:bold; cursor:pointer; } #searchRTags select { width:179px; float:left; } #searchRTags input { width:177px; float:left; } #searchRTags .ok { float:right; margin-right:10px; width:25px; } #column #addressbook_search { width:280px; float:left; } #column #barresto_search { width:280px; float:left; } #column #searchTags { width:100%; margin:0; padding:0; float:left; } #column #searchTags p { width:100%; margin:0 0 5px; float:left; } #column #searchTags label { width:60px; float:left; margin:4px 5px 0 0; padding:0; font-size:110%; } #column #searchTags select { width:182px; float:left; margin-top:4px; } #column #searchTags input { width:180px; float:left; } #column #searchTags input.ok { float:right; margin:0; width:25px; } #column #searchPhrase { width:100%; margin:0; border:none; background:none; padding:0; float:left; } #column #searchPhrase input { width:278px; } #column #searchPhrase input { width:239px; margin:4px 10px 0 0; } #column #searchPhrase input.button { width:100px; margin:5px 0 0; } #column #searchPhrase input.ok { float:right; margin:0; width:25px;} #column #searchRTags { width:100%; margin:0; border:none; background:none; padding:0; float:left; } #column #searchRTags p { width:100%; margin:0 0 5px; padding:0; float:left; } #column #searchRTags label { width:90px; float:left; margin:4px 5px 0 0; padding:0; font-size:110%; } #column #searchRTags select { width:182px; float:left; margin-top:4px; } #column #searchRTags input { width:180px; float:left; margin-top:4px; } #column #searchRTags input.ok { float:right; margin:0; width:25px;} #column form input.ok { background-image:url(../medias/images/layout/circle-ffffff.png); color:#4b4b4b; } #column form input.ok:hover { background-image:url(../medias/images/layout/circle-DA2678.png); color:#fff; } #subscribeUser { border:1px solid #ccc; width:596px; padding:10px 0 10px 10px; margin:0 0 5px; float:left; } #right #subscribeUser h2 { padding-bottom:20px; float:left; width:100%; } #subscribeUser p { float:left; padding:5px 0; margin:0; width:50%; } #subscribeUser h3 { border-bottom:1px solid #ccc; margin:0 10px 5px 0; font-size:130%; float:left; width:287px; color:#4b4b4b; } #subscribeUser label { width:106px; float:left; font-style:normal; text-decoration:none; padding:3px 0 4px 0; margin:0 5px 0 0; font-weight:bold; cursor:pointer; } #subscribeUser select { width:172px; float:left; margin:0 5px;} #subscribeUser input { width:170px; float:left; margin:0 5px; } #sendToFriend h3 { border-bottom:1px solid #ccc; margin:20px 10px 20px 0; font-size:130%; float:left; width:585px; } #subscribeUser input.checkbox { width:auto; border:none; padding:0; margin:0; display:inline; } #subscribeUser label.checkbox { width:auto; background:none; color:#4b4b4b; text-transform:none; font-weight:normal; font-size:100%; display:inline; float:none; padding:0 10px; margin:0; } #subscribeUser .ok { float:right; margin-right:10px; width:25px; color:#fff; } #sendToFriend { border:1px solid #ccc; width:596px; padding:10px 0 10px 10px; margin:0 0 5px; float:left; position:relative; } #right #sendToFriend h2 { padding-bottom:20px; float:left; color:#4b4b4b; width:400px; } #sendToFriend h3 { border-bottom:1px solid #ccc; margin:20px 10px 20px 0; font-size:130%; float:left; width:585px; } #sendToFriend p { float:left; padding:5px 0; margin:0; width:50%; } #sendToFriend label { width:106px; float:left; font-style:normal; text-decoration:none; padding:3px 0 4px; margin:0 5px 0 0; font-weight:bold; cursor:pointer; } #sendToFriend textarea { width:170px; float:left; margin-left:5px; width:450px; } #sendToFriend input { width:170px; float:left; margin:0 5px; } #sendToFriend input.checkbox { width:auto; border:none; padding:0; margin:0; display:inline; } #sendToFriend label.checkbox { width:auto; background:none; color:#4b4b4b; text-transform:none; font-weight:normal; font-size:100%; display:inline; float:none; padding:0 10px; margin:0; } #sendToFriend .ok { float:right; margin-right:10px; width:25px; color:#fff; } #sendToFriend p.full { width:100%; } #sendToFriend p.full input { width:255px; } #sendToFriend p.full textarea { width:450px; } #sendToFriend p.full label { width:126px; } #sendToFriend .blocs { margin:0 10px 5px 10px; float:right; height:172px; width:172px; } #sendToFriend .blocs li { width:172px; height:172px; background:#fff; padding:0; } #sendToFriend .blocs li .text { width:100%; margin:0; padding:0; height:40px; } #right #sendToFriend .blocs li .text h2 { color:#fff; font-size:100%; padding:5px; width:162px; color:#4b4b4b; } #sendToFriend .picture p { width:100%; height:20px; background:url(../medias/images/layout/background-bloc.png) top left repeat; color:#fff; position:absolute; top:0; left:0; } #participateUser { border:1px solid #ccc; width:596px; padding:10px 0 10px 10px; margin:0 0 5px; float:left; position:relative; } #right #participateUser h2 { padding-bottom:20px; float:left; color:#4b4b4b; width:400px; } #participateUser h3 { border-bottom:1px solid #ccc; margin:20px 10px 20px 0; font-size:130%; float:left; width:585px; } #participateUser p { float:left; padding:5px 0; margin:0; width:50%; } #participateUser label { width:90px; float:left; font-style:normal; text-decoration:none; padding:3px 8px 4px; margin:0 5px 0 0; font-weight:bold; cursor:pointer; } #participateUser textarea { width:170px; float:left; margin-left:5px; width:450px; } #participateUser input { width:170px; float:left; margin:0 5px; } #participateUser input.checkbox { width:auto; border:none; padding:0; margin:0; display:inline; } #participateUser label.checkbox { width:auto; background:none; color:#4b4b4b; text-transform:none; font-weight:normal; font-size:100%; display:inline; float:none; padding:0 10px; margin:0; } #participateUser p.full { width:100%; } #participateUser p.full input { width:255px; } #participateUser p.full textarea { width:450px; } #participateUser p.full label { width:110px; } #participateUser .ok { float:right; margin-right:10px; width:25px; color:#fff; } #participateUser .blocs { margin:0 10px 5px 10px; float:right; height:160px; width:160px; } #participateUser .blocs img { width:160px; } #participateUser .blocs li { width:172px; height:172px; background:#fff; padding:0; } #participateUser .blocs li .text { width:100%; margin:0; padding:0; height:40px; } #right #participateUser .blocs li .text h2 { color:#fff; font-size:100%; padding:5px; width:162px; } #participateUser .question { width:400px; float;left;} #participateUser .question p { width:auto; } /* BLOCS */ .blocs { margin:0; padding:0; list-style:none; float:left; width:100%; } .blocs li { margin:0; padding:0; overflow:hidden; } .blocs li { border:1px solid #ccc; padding:10px; margin:0 0 10px; position:relative; font-size:90%; z-index:100; text-align:center; height:100%; max-height:100%; max-width:100%; } .blocs li img { vertical-align:text-bottom; } .blocs li .text { width:100%; height:35px; position:absolute; bottom:20px; left:0; padding:10px; margin:10px; background:url(../medias/images/layout/background-bloc.png) top left repeat; text-align:left; } .blocs li h2 { margin:0; padding:0 0 5px; font-weight:bold; font-size:130%; height:16px; overflow:hidden; } #article .blocs h2 { margin:0; } .blocs li ul { margin:0 0 0 10px; padding:0 5px; list-style:disc; } .blocs li ul li { margin:0; padding:2px 0; border:none; font-size:100%; width:auto; } .blocs li .text p { color:#222; background:url(../medias/images/layout/arrow-next.png) top right no-repeat; margin:0; padding:0; min-height:25px; } .blocs li h2 a { text-decoration:none; } .blocs li p a { color:#222; text-decoration:none; display:block; } .blocs .button { background:#4b4b4b; color:#fff; text-decoration:none; text-transform:uppercase; padding:5px 10px; font-size:80%; font-weight:bold; display:block; float:left; width:auto; } .zone { float:left; width:608px; overflow:hidden; position:relative; } .zone .blocs { position:relative; top:0; left:0; width:1000%; height:206px; } .zone .blocs li { width:196px; height:196px; float:left; margin-right:7px; padding:0; } .zone .blocs li .text { width:176px; margin:0; padding:5px 10px; } .zone .blocs li h2 { margin:0; padding:0 0 5px 0; } .zone .blocs li img { height:196px; max-height:196px; max-width:196px; } #squareboxes .blocs li { width:288px; height:288px; float:left; margin-right:10px; overflow:visible; } #squareboxes .blocs li img { width:100%; max-height:600px; max-width:288px; } #squareboxes .blocs li .text { width:268px; height:50px; padding:10px; } #squareboxes .blocs li p { max-height:24px; padding-right:9px; } #squareboxes .zone { width:288px; height:288px; position:relative;} #squareboxes .blocs .blocs { padding:0; margin:0; width:900px; height:288px; position:absolute; top:0; left:0; } #squareboxes .blocs li.newsbloc { padding:0; margin:0; width:288px; height:288px; list-style:none; } #squareboxes .blocs li.newsbloc img { height:auto; } #squareboxes ul.slidenav { width:298px; margin:0; padding:0; } #squareboxes ul.slidenav li { width:25px; height:25px; top:155px; } #squareboxes ul.slidenav li { background-image:url(../medias/images/layout/circle-f9c229.png); } #column .blocs img { width:100%; } #column .blocs li { text-align:left; width:278px; } #column .blocs .ok { width:25px; } #column .blocs li .text { width:257px; height:50px; } #column .blocs .addressbook_search { background:#eae4f0; } #column .blocs .barresto_search { background:#deebe5; } #column .blocs .ad { padding:0; border:none; width:100%; } #column .blocs .tempad { padding:0; border:none; width:100%; } #column .blocs .search { padding:0; background:#eee; width:298px; } #column .blocs .search #keyphrase { width:240px; margin:10px; } #column .blocs .search p { margin:0; padding:0; } .search .ok { background-image:url(../medias/images/layout/circle-ffffff.png); } #column .blocs .subscribe { background:#fef0eb; } #column .blocs .subscribe #subscribeEmail { width:239px; margin:0 10px 0 0; } #column .blocs .subscribe p { margin:0; padding:0; } #column .blocs .subscribe h2 { height:auto; } .subscribe .ok { background-image:url(../medias/images/layout/circle-ffffff.png); } .blocs .top5 h3 { float:left; font-weight:bold; margin:0; padding:0 10px; } .blocs .top5 ul { margin:0; padding:10px 0 0 0; list-style:none; clear:both; } .blocs .top5 ul li, #squareboxes .blocs .top5 ul li { margin:0; padding:0; border-bottom:1px solid #eee; font-weight:bold; height:38px; text-align:left; overflow:hidden; } .blocs .top5 h4, #squareboxes .blocs .top5 h4 { display:inline; font-weight:bold; font-size:260%; padding:2px 10px; display:block; float:left; width:auto; } .blocs .top5 a { display:inline; font-weight:bold; padding:0; display:block; float:left; width:240px; line-height:38px; padding-top:2px; } .blocs .top5 .button { position:absolute; top:0; left:10px; } .blocs .top5 h3 { position:relative; top:0; left:50px; } #squareboxes .blocs .top5 li:hover h4, #squareboxes .blocs .top5 li:hover a, #column .blocs .top5 li:hover h4, .blocs .top5 li:hover h4, .blocs .top5 li:hover a { color:#fff; } #column .blocs .adsense, #squareboxes .blocs .adsense { border:none; padding:0 25px; } ul.slidenav { margin:0; padding:0; width:100%; height:25px; list-style:none; position:absolute; top:-25px; left:0; } ul.slidenav li { margin:0; padding:0; width:25px; height:25px; display:block; position:absolute; top:100px; background:url(../medias/images/layout/circle-f9c229.png) center center no-repeat; } ul.slidenav li:hover { background-image:url(../medias/images/layout/circle-4b4b4b.png); } ul.slidenav li.previous { left:10px; display:none; } ul.slidenav li.next { right:10px; } ul.articlenav { margin:0; padding:0; width:100%; height:25px; list-style:none; position:absolute; top:-25px; left:0; } ul.articlenav li { margin:0; padding:0; width:25px; height:25px; display:block; position:absolute; top:175px; background:url(../medias/images/layout/circle-f9c229.png) center center no-repeat; } ul.articlenav li:hover { background-image:url(../medias/images/layout/circle-4b4b4b.png); } ul.articlenav li.previous { left:10px; } ul.articlenav li.next { right:10px; } ul.blocs { z-index:1; } ul.slidenav { z-index:1000; } #other { margin:30px 0 0; float:left; width:100%; } #latest { margin:10px 0 0; padding:10px 0 0 10px; border:1px solid #ccc; float:left; width:618px; } #latest .blocs li h2.lines2 { height:34px; } #latest .blocs li .text p { background:none; } #alllatest .blocs li h2.lines2 { height:34px; } #alllatest .blocs li .text p { background:none; } #other_news { margin:10px 0 0; padding:10px 0 0 10px; border:1px solid #ccc; float:left; width:618px; } #other_news .button { float:right; margin-right:10px;} #alllatest { margin:0; padding:0; width:620px; float:left; overflow:hidden; } #latest .button { float:right; margin-right:10px;} #alllatest .blocs li { width:196px; height:196px; float:left; margin-right:7px; padding:0; } #alllatest .blocs li .text { width:176px; margin:0; padding:5px 10px; } #alllatest .blocs li h2 { margin:0; padding:0 0 5px 0; } #alllatest .blocs li img { height:196px; max-height:196px; max-width:196px; } /* HEADER */ #logo { margin:0 0 0; padding:0; width:405px; } #menu { margin:10px 0 20px; padding:0; float:left; width:100%; font-size:120%; position:relative; } #menu ul { margin:0; padding:0; list-style:none; float:left; width:100%; } #menu ul li { margin:0; padding:0; display:block; float:left; width:auto; position:relative; } #menu ul li a { min-width:40px; color:#4b4b4b; background:#fff; text-decoration:none; padding:0 14px; line-height:30px; display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } #menu ul li:hover a, #menu ul li.selected a { color:#fff; background:#4b4b4b; text-decoration:none; border-top:1px solid #4b4b4b; border-bottom:1px solid #4b4b4b; } #menu ul li:hover ul { display:block; } #menu ul ul { display:none; position:absolute; top:32px; left:0; width:175px; max-width:200px; border-top:0 solid #ccc; font-size:70%; padding:2px 0; z-index:1000; background:#fff; } #menu ul ul li { margin:0; padding:0; display:block; float:none; width:100%; } #menu ul li:hover li a { color:#4b4b4b; background:#fff; text-decoration:none; text-transform:uppercase; padding:0 5px; line-height:20px; display:block; border:none; } #menu ul li:hover li:hover a, #menu ul li:hover li.selected a { color:#4b4b4b; background:#eee; text-decoration:none; } #menu ul li.blog { position:absolute; top:0; right:0; } #menu ul li.blog img { position:absolute; top:-10px; right:5px; width:50px; height:50px;} #menu ul li.blog a, #menu ul li.blog:hover a { background:none; height:30px; padding:0 25px 0 50px; } #date { margin:0 0 10px; } #language { position:absolute; top:10px; right:0; } #language ul { margin:0; padding:0; list-style:none; } #language ul li { margin:0; padding:10px 0 0 10px; display:block; } #language ul li { margin:0; padding:10px 0 0 0; display:inline; text-transform:uppercase; } #shortcut { position:absolute; top:90px; left:640px; width:300px; height:40px; background:url(../medias/images/layout/background-shortcut.png) top left no-repeat; padding:5px 0 0 15px; } #shortcut h3 { padding:0; margin:0; text-transform:none; font-size:140%; font-weight:bold; } #shortcut h3 a { /*background:#4b4b4b; color:#fff; padding:2px 5px;*/ } #shortcut p { padding:0; margin:0; font-size:110%; position:absolute; top:30px; left:15px; } /* CONTENT */ #breadcrumb { font-size:85%; } #breadcrumb ul { margin:0; padding:0; list-style:none; } #breadcrumb ul li { margin:0; padding:0; display:inline; } #article { margin:15px 0 0; padding:10px 0 10px 10px; border:1px solid #ccc; float:left; width:618px; position:relative; } #article h2 { margin-bottom:10px; } #article #text { float:left; padding-right:5px; } #article #text a { text-decoration:underline; } #article .description { float:left; margin:10px 0; } #article .description .picture { float:left; border:1px solid #eee; padding:0; width:130px; margin:0 10px 10px 0; position:relative; } #article .description .picture .button { position:absolute; bottom:6px; right:5px; } #article .description .picture img { width:120px; margin:5px; } #article .description .picture .zoom { bottom:5px; right:5px; padding:5px 7px; } #article .description .picture .zoom img { width:auto; margin:0} #article .description .text { float:left; width:200px; } #article .extended .description .text { width:461px; } #article .description h4 { margin:0; padding:0 0 5px 0; } #article .description p { padding:0; margin:0; } #layout { margin:0; padding:0; width:608px; float:left; position:relative; min-height:900px; font-size:90%; } #layout h2 { margin:0; padding:0; } #layout p { margin:0; padding:0; } #layout h3 { font-size:110%; font-weight:bold; padding:0; } #layout #text h3 { padding:5px 0 0 0; z-index:2; } #layout #text p { margin:0; padding:5px 0; } #layout #layout_picture { margin:0; padding:0; position:absolute; top:0; left:0; z-index:1; } #layout h1 { z-index:2000; position:relative; top:0; left:0; } #layout #text { margin:0; padding:0; position:absolute; top:0; left:0; z-index:2; } #layout ul { margin:0; padding:0; list-style:none; z-index:3; } #layout ul li { margin:0; padding:0; display:block; position:absolute; top:0; left:0; z-index:3; } #layout ul li .media { position:absolute; top:0; left:0; border:none; } #layout ul li .text { position:absolute; top:0; left:0; } #layout ul li .text p { color:#4b4b4b; margin:0; /*padding:0 15px 0 0; background:url(../medias/images/layout/arrow-next.png) right bottom no-repeat;*/ display:inline; } #layout.look { min-height:700px;} #layout.interview { background:url(../medias/images/layout/cadre-dressing-page.gif) center 100px no-repeat; } #layout.interview #text h2 { margin-bottom:70px;} #right.list { padding-right:10px; width:346px; } #right.list h2 { padding:0; margin:0; } #right.list .summary { padding:10px 0 20px; margin:0; font-size:110%; text-align:left; } #right.list ul.summary { margin:0; padding:0; list-style:none; } #right.list ul.summary li { margin:10px 0 0; padding:0 0 10px; display:block; float:left; width:100%; font-size:90%; border-bottom:1px solid #eee; } #right.list ul.summary li .media { float:left; margin-right:15px; max-height:120px; overflow:hidden; } #right.list ul.summary li .media img { float:left; width:120px; } #right.list ul.summary li .text { float:left; width:210px; } #right.list ul.summary li .text h3 { font-size:110%; font-weight:bold; padding:0; margin:0; } #right.list ul.summary li .text p { padding:5px 5px 0 0; margin:0; display:inline; } #right.list ul.summary li .text p.link { display:inline; } #right.extended ul.summary li .media img { width:120px; } #right.extended ul.summary li .text { width:470px; min-height:60px; } .edito { padding:0; margin:0; font-size:110%; text-align:justify; } .bloc { padding:10px; margin:0 0 10px; text-align:left; border:1px solid #ccc; float:left; width:230px; } #left { margin:0 10px 0 0; padding:0; width:252px; float:left; } .leftcol { margin:0 10px 0 0; padding:0; width:252px; float:left; } #illustration { margin:0 0 10px; padding:0; width:250px; border:1px solid #ccc; float:left; } #address { margin:0 0 10px; padding:0 10px; border:1px solid #ccc; font-size:90%; float:left; width:230px; } #address h2 { margin:0; } #right { margin:0; padding:0; width:351px; float:left; } #right.extended { width:608px; } #right.extended #illustration { margin-right:10px; } #hotspots { width:628px; height:366px; padding:0; overflow:hidden; border:1px solid #ccc; padding:0; margin:0 15px 10px 0; } #hotspots #hotspots_sections { width:100%; height:320px; margin:0; padding:10px; overflow:hidden; } #hotspots ul { width:100%; height:100%; margin:0; padding:0; list-style:none; } #hotspots ul.section { display:none; height:320px; overflow:hidden; } #hotspots ul li { width:258px; height:85px; display:block; margin:0 0 5px; padding:0; float:left; } #hotspots ul.section li { padding:2px 0 8px; border-bottom:1px solid #ccc; } #hotspots ul li img { float:left; padding:0 10px 0 0; } #hotspots ul li p { float:left; width:148px; font-size:120%; margin:0; padding:10px 0; } #hotspots ul.slidenav li { padding:0; border:none; } #hotspots ul li.title { height:31px; margin:0; position:relative; padding:0; border:none; } #hotspots ul li.title img { padding:0; } #hotspots ul li.title h2 { padding:0; } #hotspots ul li.first { width:320px; height:320px; overflow:hidden; margin-right:10px; position:relative; padding:0; border:none; } #hotspots ul li.full { width:100%; height:320px; margin-right:0; position:relative; } #hotspots ul li.first img { width:100%; } #hotspots ul li.first h3 { color:#4b4b4b; position:absolute; bottom:20px; left:0; width:310px; margin:0; padding:10px 15px; background:url(../medias/images/layout/background-bloc.png) top left repeat; } #hotspots ul li.first h3 a { color:#4b4b4b;} #hotspots ul li.full h3 { width:580px;} #hotspots #hotspots_nav { width:100%; height:25px; margin:0; padding:0; border-top:1px solid #ccc; list-style:none; } #hotspots #hotspots_nav li { width:20%; height:25px; display:block; margin:0; padding:0; float:left; text-align:center; text-transform:uppercase; font-size:85%; } #hotspots #hotspots_nav li a { padding:3px 0; display:block; float:left; width:100%; line-height:20px;} #hotspots #hotspots_nav li a:hover, #hotspots #hotspots_nav li.selected a { background:#4b4b4b; color:#fff; text-decoration:none; } #hotspots ul.slidenav { margin:0; padding:0; width:55px; height:25px; list-style:none; position:absolute; top:10px; left:565px; } #hotspots ul.slidenav li.previous { margin:0; padding:0; width:25px; height:25px; position:absolute; top:0; left:0; } #hotspots ul.slidenav li.next { margin:0; padding:0; width:25px; height:25px; position:absolute; top:0; right:0; } #hotspots ul.slidenav li { background-image:url(../medias/images/layout/circle-f9c229.png); } #hotspots ul.slidenav li:hover { background-image:url(../medias/images/layout/circle-4b4b4b.png); } #pictures { font-size:85%; border:1px solid #ccc; background:#fff; padding:10px; float:left; width:324px; margin-bottom:30px; position:relative; } #pictures h2 { margin-bottom:10px; text-align:center; font-weight:bold;} #pictures h3 { margin-bottom:10px; text-align:center; font-weight:normal; } #pictures #picture { margin:0; padding:0; border:1px solid #ccc; background:#fff; text-align:center; position:relative; width:320px; height:320px; overflow:hidden; } #pictures .caption { margin:0; padding:0; position:absolute; bottom:-20px; left:0; font-weight:bold; font-style:italic; } #pictures .legend { display:none; margin:0; padding:5px 10px; width:150px; text-align:left; position:absolute; bottom:0; left:0; font-weight:normal; font-size:110%; font-style:italic; background:url(../medias/images/layout/background-bloc.png) top left repeat; } #pictures #picture:hover .legend { display:block; } .zoom { position:absolute; bottom:-12px; right:0px; background:url(../medias/images/layout/background-bloc.png) top left repeat; padding:5px 7px; } /*#pictures ul { margin:10px 0 0; padding:0; list-style:none; float:left; } #pictures ul li { margin:0; padding:0; width:204px; display:block; float:left; text-align:center; } #pictures ul li.nav { width:60px; background:url(circle.php) top center no-repeat; } #pictures ul li.navempty { width:60px; } #pictures ul li:hover.nav { background-image:url(../medias/images/layout/circle-cccccc.png); } #pictures ul li.nav a { display:block; padding-top:30px;} */ .pictures { margin:10px 0; padding:0; list-style:none; width:320px; height:106px; position:relative; /*background:#000;*/ } .pictures .zone { width:320px; height:106px; overflow:hidden; } .pictures ul { margin:0; padding:0; list-style:none; position:absolute; top:0; left:0; width:448px; height:104px; } .pictures li, .pictures .zone .blocs li { border:2px solid #fff; margin:0 6px 0 0; padding:0; width:100px; height:100px; display:block; float:left; overflow:hidden; cursor:pointer; position:relative; background:#fff url(../medias/images/layout/loader.png) center center no-repeat; } .pictures .zone .blocs li img { height:100px; width:100px; } .pictures li.selected { border:2px solid #f9c229; } #text .pictures li { border:none; } #text .pictures { float:left; overflow:hidden; height:100px;} .pictures ul li p.button { position:absolute; bottom:-12px; right:0; } /*#picture .pictures { position:absolute; top:0; left:0; background: url(../medias/images/layout/background-bloc-grey.png) top left repeat; padding:5px 0; width:320px; height:97px; margin:0; display:none; } #picture:hover .pictures { display:block; } #picture .pictures ul { top:5px; left:0; } #picture .pictures li { padding:0; margin:0 8px 0 0; } #picture .pictures li img { width:95px; height:95px; margin:0 0 0 3px; border:1px solid #ccc;} */ #pictures ul.slidenav { margin:0; padding:0; width:340px; height:1px; list-style:none; position:absolute; top:0; left:-10px; z-index:1000; } #pictures ul.slidenav li.previous { margin:0; padding:40px 0; width:25px; height:25px; line-height:25px; position:absolute; top:0; left:0; } #pictures ul.slidenav li.next { margin:0; padding:40px 0; width:25px; height:25px; line-height:25px; position:absolute; top:0; right:0; } #pictures ul.slidenav li { background-image:url(../medias/images/layout/circle-f9c229.png); border:none; } #pictures ul.slidenav li:hover { background-image:url(../medias/images/layout/circle-4b4b4b.png); } #pictures ul.slidenav li img { width:25px; height:25px; border:none; margin:0; } #pictures ul.articlenav li { top:40px; } #pictures #picture ul.articlenav li { top:175px; } /*#pictures .pictures ul { top:5px; left:5px; } #pictures .pictures li { padding:0; margin:0 10px 0 0; width:95px; } #pictures .pictures li img { width:95px; height:95px; margin:0; } */ #pages { text-align:right; width:100%; float:left; } #pages ul { display:inline; padding:10px; margin:0; float:right; } #pages ul li { margin:0; padding:0 5px; display:inline; } #pages ul li a { color:#666; text-decoration: none; } #pages ul li a:hover, #pages ul li.selected { color:#4b4b4b; text-decoration: underline; } #socialmedia { text-align:right; width:120px; float:right; position:absolute; top:5px; right:0; z-index:1000; } #socialmedia ul { display:inline; padding:0 5px; margin:0; float:right; } #socialmedia ul li { margin:0; padding:0 3px; display:inline; } #dropdown_list { margin:0 0 20px; padding:0 } #dropdown_list h2 { margin:0; padding:0 20px 5px 0; display:inline; } #dropdown_list form { margin:0; padding:0 } #dropdown_list form p { margin:0; padding:0; display:inline; } /* SITEMAP */ #sitemap { margin:0; padding:0; width:100%; float:left; } #sitemap h2 { margin:0; padding:10px 0; color:#4b4b4b; text-transform:uppercase; font-size:90%; font-weight:normal; } #sitemap h2 img { vertical-align:text-bottom; } #sitemap .links { border:1px solid #ccc; padding:10px 0 0; float:left; width:100%; font-size:85%; } #sitemap ul { margin:0 10px; padding:0; list-style:none; width:169px; float:left; } #sitemap ul ul { margin:0; padding:5px 0 15px;} #sitemap ul li { margin:0; padding:0 0 15px; } #sitemap ul ul li { margin:0; padding:0; } #sitemap ul li a { color:#4b4b4b; background:#fff; text-decoration:none; text-transform:uppercase; padding:2px 7px; } #sitemap ul li a:hover { color:#4b4b4b; background:#f9c229; text-decoration:none; } #sitemap ul ul li a { color:#4b4b4b; background:none; text-decoration:none; text-transform:none; padding:2px 0; } #sitemap ul ul li a:hover { color:#4b4b4b; background:none; text-decoration:underline; } /* COMMENTS */ #comments .button { float:right; } #comments { float:left; width:588px; border:1px solid #ccc; padding:10px 10px 0; margin:10px 0; } #comments ul { margin:0; padding:10px 0 0; } #comments ul.comments { margin:0; padding:0; list-style:none; clear:both; } #comments ul.comments li { margin:10px 0 0; padding:10px; display:block; border:1px solid #ccc; background: url(../medias/images/layout/background-eeeeee.png) top left repeat;} #comments ul.comments li p { margin:0; padding:0; display:inline; font-size:85%;} #comments ul.comments li h5 { margin:0; padding:0 5px 0 0; display:inline; } #comments ul.comments li .comment { border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px } #comments ul.comments li .info .link { float:right; display:block; width:100px; } #comments li.comments li { background:#fff;} #comments li.comments li li { background:url(../medias/images/layout/background-bloc.png) top left repeat;} #comments ul.comments li.webmaster { background-image:url(../medias/images/layout/background-ffd8ed.png);} #addComment { display:none; float:left; padding:5px 10px; margin:10px 0 10px; width:586px; border:1px solid #ccc; background:#eee; font-size:90%; } #addComment p { float:left; padding:5px 0; margin:0; width:100%; } #addComment h3 { border-bottom:1px solid #ccc; margin:0 10px 5px 0; font-size:130%; float:left; width:325px; color:#4b4b4b; } #addComment label { width:116px; float:left; font-style:normal; text-decoration:none; padding:3px 0 4px; margin:0; font-weight:bold; cursor:pointer; } #addComment textarea { width:574px; height:50px; float:left; padding:2px 5px; font-size:95%; } #addComment input { width:201px; float:left; margin:0 0 0 5px; } #addComment input.checkbox { width:auto; border:none; padding:0; margin:0; display:inline; } #addComment label.checkbox { width:auto; background:none; color:#4b4b4b; text-transform:none; font-weight:normal; font-size:100%; display:inline; float:none; padding:0 10px; margin:0; } #addComment .ok { float:right; margin-right:10px; width:25px; color:#fff; } #addComment .note { width:400px;} #addComment .error { font-size:100%;} .extended #comments { width:100%; } .extended #addComment { width:586px; } .extended #addComment textarea { width:574px; } #comments #addComment { width:566px; } #comments #addComment textarea { width:554px; } #footer { clear:both; } #footer p { margin:0; padding:35px 0 0; } /* OVERLAYS */ #overlay { position: absolute; top: 0; left: 0; z-index: 2000; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=80); display:none } #map { border:1px outset #666; background:#fff; padding:5px; color:#333; position:absolute; left: 50%; z-index: 2000; display:none; margin-left: -250px; width:500px; height:500px; } #map_canvas { width:500px; height:500px; background:#eee; font-size:80%; text-align:left; } #image { border:1px outset #666; background:#fff; padding:5px; color:#333; z-index: 2000; position:absolute; left: 50%; display:none; margin-left: -250px; width:500px; height:500px; } #image_canvas { position:absolute; top:5px; left:5px; background:#eee; width:500px; height:500px; display:none; z-index:1000; } .loader { position:absolute; top:230px; text-align:center; width:100%; } .close { position:absolute; top:-30px; right:-18px; padding:0; z-index: 20000; } .error p { padding:0; } .error { color:#ce0d72; font-size:90%; padding:5px 0; } .valid { color:#4b4b4b; } /* RATING */ #rating { position:relative; } .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background: url(../medias/images/layout/star-rating.png) left -1000px repeat-x; } .star-rating li { display: inline; } .star-rating { position:relative; width:85px; height:15px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating a, .star-rating .current-rating { position:absolute; top:0; left:0; text-indent:-1000em; height:15px; line-height:15px; outline:none; overflow:hidden; border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; } .star-rating a.one-star { width:20%; z-index:6; } .star-rating a.two-stars { width:40%; z-index:5; } .star-rating a.three-stars { width:60%; z-index:4; } .star-rating a.four-stars { width:80%; z-index:3; } .star-rating a.five-stars { width:100%; z-index:2; } .star-rating .current-rating { z-index:1; background-position: left center; } #rating { color:#c2c2c2; font-size:85%; position:relative; float:left; width:345px; margin:0 0 10px; clear:right; } #rating p.votes { padding:0; margin:0; font-weight:bold; position:absolute; top:12px; right:0; } #rating p.note { padding:0; margin:0; display:none; } #rating p.normal { padding:0; margin:0; font-size:120%; color:#4b4b4b; } /* GROUPON */ .groupon-liens { color:#4B4B4B ; text-decoration:none; font-family: tahoma,sans-serif; } .groupon-liens:hover { color:#4B4B4B ; cursor:pointer; font-family: tahoma,sans-serif; text-decoration:underline; } .groupon-liens2 { color:#FFFFFF ; text-decoration:none; font-weight:bold; font-family: tahoma,sans-serif; } .groupon-liens2:hover { color:#FFFFFF ; text-decoration:underline; font-weight:bold; cursor:pointer; font-family: tahoma,sans-serif; } /* ADS */ .ad_layer { width:400px; height:auto; padding-top:16px; border:1px solid #333; background:#fff; position:absolute; margin:0; margin-left:-200px; z-index:100000; display:none; } .ad_layer .close { width:100%; height:16px; background:#7f7777; border-bottom:1px solid #333; top:0; right:0; padding:0; margin:0; text-align:right; font-size:75%; } .ad_layer .close a { color:#ccc; padding:0 5px; margin:0; line-height:16px;} .ad_layout { width:100%; height:auto; position:absolute; margin:0; z-index:-1; text-align:center; } .ad_fullsizebanner { position:absolute; top:27px; left:497px; width:468px; height:60px; } .ad_superbanner { padding:10px 0; }