/*---global common definitions---*/
*{font-size: 100.01%}
html{
  font-size: 62.5%;
  background: #8ABBB6 url(../images/bg-home-green-gradient.gif) repeat-y 50% 0;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #999;
  background: url(../images/bg-body.gif) repeat-x 0 0;
  min-width: 1000px;
}
form,fieldset{
  margin: 0;
  padding: 0;
  border: 0;
}
img {border: 0;}
a{
  color: #ff6900;
  text-decoration: underline;
}
a:hover
{
  color: #C45102;
}
#wrapper{
  width: 1000px;
  margin: 0 auto;
  overflow:hidden;
  position: relative;
  padding: 176px 0 0;
}
/* header */
#header{
  width: 1000px;
  position: absolute;
  left: 0;
  top: 0;
}
#header .logo{
  float: left;
  width: 197px;
  height: 43px;
  background: url(../images/logo.png) no-repeat;
  margin: 21px 84px 0 24px;
  overflow:hidden;
  text-indent: -9999px;
}
#header .without-logo{
  float: left;
  width: 400px;
  height: 132px;
  background: url(../images/logo-bo.png) no-repeat;
  margin: 1px 84px 0 24px;
  overflow:hidden;
  text-indent: -9999px;
}
#header .logo a{
  height: 100%;
  display: block;
}
#header .without-logo a
{
  height: 100%;
  display: block;
}
#header .banner{
  float: left;
  margin: 8px 42px 0 0;
}
#header .banner img{display: block;}
.holder, .page, .holder-without-logo{
  height: 1%;
  overflow:hidden;
}
#header .holder{height: 79px;}
.user-box{
  float: right;
  width: 222px;
  height: 51px;
  background: url(../images/bg-user-box.gif) no-repeat;
  font-size: 11px;
  padding: 0 20px;
}
.user-box p a{float: right;}
.user-box p{margin: 6px 0 0;}
.user-box p strong{font-size: 12px;}
.user-box p strong span{font-size: 14px;}
.search-form{
  width: 504px;
  height: 30px;
  background: url(../images/bg-search-form.gif) no-repeat;
  padding: 6px 0 0 21px;
  margin: 0 auto 11px;
}
.search-form label{
  line-height: 23px;
  font-size: 13px;
  font-weight: bold;
  color: #5f4f3f;
  float: left;
}
.search-form .row{
  float: left;
  border: 1px solid #dcdcdc;
  width: 353px;
  margin: -1px 13px 0 14px;
  display: inline;
  position: relative;
  padding: 5px 0;
}
.search-form .row input{
  font: italic 11px Arial, Helvetica, sans-serif;
  color: #939393;
  width: 340px;
  margin: 0 10px 0 4px;
  padding: 0;
  border: 0;
  vertical-align: middle;
}
.search-form .row select{
  font: 12px Arial, Helvetica, sans-serif;
  color: #777;
  width: 71px;
  vertical-align: middle;
}
.ac_results {
    padding: 0px;
    border: 1px solid #DCDCDC;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}
.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results li {
    margin: 0px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}
.ac_loading {
    background: white url('../images/ajax-loader.gif') right center no-repeat;
}
.ac_odd,
.ac_even {
    background-color: #ff;
    padding: 2px 5px;
}
.ac_over {
    background: #5FBCB2 url('../images/bg-puce.gif') no-repeat 0% 50%;
    color: white;
    padding: 2px 5px 2px 15px;
}
.ac_text {
    float: left;
}
.ac_nbrResult {
    float: right;
    color: #5FBCB2;
}
.ac_over .ac_nbrResult {
    color: white;
}
.nav-holder{
  height: 1%;
  overflow:hidden;
  position: relative;
}
.nav-holder .inner{
  float: left;
  position: relative;
  left: 50%;
}
.sw-breadcrumb-list{
  list-style: none;
  margin: 0 0 9px 20px;
  padding: 0;
  height: 1%;
  overflow:hidden;
}
.sw-breadcrumb-list li{
  display: inline;
  padding: 0 6px 0 9px;
  background: url(../images/bg-breadcrumb.gif) no-repeat 0 50%;
  margin: 0 0 0 -6px;
  font-size: 1.1em;
}
.sw-breadcrumb-list a{color: #45877a;}
.page{
  background: #fafafa;
  padding: 0 1px 24px 4px;
  font-size: 1.2em;
}
#header .links{
  list-style: none;
  margin: 6px 0 0;
  position: relative;
  left: -11px;
  padding: 0;
  width: 100%;
  overflow:hidden;
}
#header .links li{
  display: inline;
  background: url(../images/bg-links.gif) no-repeat 0 50%;
  font-size: 12px;
  padding: 0 8px 0 12px;
  margin: 0 0 0 -1px;
}
/* twocolumns */
#twocolumns{
  float: right;
  width: 749px;
}
/* content */
#content{
  float: right;
  width: 747px;
  margin: 0 2px 0 0;
  padding: 10px 0 0;
  display: inline;
  position: relative;
}

.basic-page #content
{
  float: none;
  width: auto;
  display: block;
  position: relative;
}

#content p, .aside p{
  margin: 0 0 13px;
  height: 1%;
  overflow:hidden;
}
#twocolumns #content{
  width: 442px;
  float: left;
  margin: 0;
  position: relative;
}

#optician #content
{
  width: 690px;
  float: left;
  margin: 0;
  position: relative;
}

#content h1{
  font-size: 1.5em;
  color: #666;
  margin: 0 0 16px 7px;
  text-transform: uppercase;
}
#content h1 span{
  color: #bcbcbc;
  text-transform: none;
}
#content .block h1{margin-left: 0;}
#twocolumns #content .block h1{
  text-transform: none;
  color: #ff6900;
  font-size: 1.33em;
}
.tabset, .optician-tabset{
  list-style: none;
  margin: 0 0 -1px;
  padding: 0;
  height: 1%;
  overflow:hidden;
  position: relative;
}
.tabset li, .optician-tabset li{
  float: left;
  margin: 4px 2px 0 0;
  border: solid #ccc;
  border-width: 0 1px;
  border-bottom: 1px solid #e0e0e0;
}
.tabset a, .tabset em, .optician-tabset a, .optician-tabset em{
  float: left;
  background: #f4f4f4 url(../images/bg-tabset.gif) no-repeat;
  font-size: 12px;
  color: #666;
  text-decoration: none;
  margin: -4px 0 0;
  position: relative;
}
.tabset em, .optician-tabset em{
  font-style: normal;
  color: #ff6900;
}
.tabset span, .optician-tabset span{
  float: left;
  line-height: 16px;
  background: url(../images/bg-tabset.gif) no-repeat 100% -26px;
  padding: 4px 13px 4px 10px;
}
.tabset a span, .optician-tabset a span{cursor: pointer;}
.tabset2 span, .optician-tabset2 span{width: 76px;}
.tabset a:hover, .tabset .active a, .optician-tabset a:hover, .optician-tabset .active a{
  color: #ff6900;
  background: #fff url(../images/bg-tabset.gif) no-repeat 0 -874px;
  border: 0;
}
.tabset a:hover span, .tabset .active a span, .optician-tabset a:hover span, .optician-tabset .active a span{background-position: 100% -900px;}
.block, .optician-block{background: url(../images/bg-block.gif) repeat-y;}
.block-t, .optician-block-t{background: url(../images/bg-block-t.gif) no-repeat;}
.block-b,
.optician-block-b{
  background: url(../images/bg-block-b.gif) no-repeat 0 100%;
  height: 1%;
  overflow:hidden;
  padding: 7px 15px 20px;
}
#twocolumns #content .block-t{background: url(../images/bg-block-small-t.gif) no-repeat;}
#twocolumns #content .block-b{
  background: url(../images/bg-block-small-b.gif) no-repeat 0 100%;
  padding: 17px 16px 13px;
}
#twocolumns #content .block{
  background: url(../images/bg-block-small.gif) repeat-y;
  margin: 0 0 16px;
}
#twocolumns #content .box{
  width: 338px;
  margin: 0 auto 11px;
  background: url(../images/bg-content-box.gif) repeat-y;
  text-align: center;
  position: relative;
  top: 10px;
}
#twocolumns #content .box .t{background: url(../images/bg-content-box-t.gif) no-repeat;}
#twocolumns #content .box .b{background: url(../images/bg-content-box-b.gif) no-repeat 0 100%;}
#twocolumns #content .block h2{
  font-size: 1.3em;
  color: #666;
  margin: 0 0 17px;
}
#twocolumns #content .box h2, #twocolumns #content .item h2, #twocolumns #content .form h2{
  font-size: 1.2em;
  color: #999;
  margin: 0 0 10px;
  text-align: center;
}
#twocolumns #content .block h3, .aside h3{
  font-size: 1.12em;
  color: #ff6900;
  margin: 0 0 12px;
}
.aside h3{margin: 0;}

.animation-box
{
  width: 279px;
  height: 94px;
  margin: 0 auto 5px;
  padding: 3px 10px 8px;
  background: no-repeat left top;
  overflow: hidden;
  cursor: pointer;
}

#twocolumns #content .form .animation-box div.animation-text,
#twocolumns #content .box .animation-box div.animation-text,
.animation-box div.animation-text
{
  padding: 1px 0 0;
  margin: 0;
  height: auto;
  font-style: italic;
  text-align: left;
  font-size: 0.9em;
}

.animation-box table.heading
{
  text-align: center;
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 51px;
}

#twocolumns #content .block .animation-box table.heading h3,
.animation-box table.heading h3
{
  color: #FFF;
  text-transform: uppercase;
  font-size: 1.25em;
  margin: 0;
}

#twocolumns #content .box p{margin: 0 0 5px;}
.links{
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.links li{text-align: right;}
.controls{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.links a, .controls a{white-space: nowrap;}
.block .controls .top-link, .block .controls .bt-link{
  background: url(../images/bg-top-link-small.gif) no-repeat 0 50%;
  padding: 0 0 0 22px;
  color: #999;
}
.block .controls .bt-link{background: url(../images/bg-bt-link-small.gif) no-repeat 0 50%;}
.wysiwyg{
  height: 1%;
  overflow:hidden;
  margin: 0 0 13px;
}
.wysiwyg img{display: block;}
#content .block .form p{
  font-size: 1.12em;
  margin: 7px 0 6px;
}
.block .form .txt-input{
  width: 390px;
  padding: 2px 8px;
}
.block .form input, .block .form textarea, .block .form select, .valider-form input, .valider-form textarea, .valider-form select{
  font: 12px Arial, Helvetica, sans-serif;
  color: #999;
  vertical-align: middle;
}
.block .form textarea, .valider-form textarea{
  width: 398px;
  height: 80px;
  padding: 6px 0 6px 8px;
}
.submit-holder{
  height: 1%;
  overflow:hidden;
  position: relative;
  margin: 17px 0 8px;
  text-align: center;
}
.submit-holder .inner{
  float: left;
  position: relative;
  left: 50%;
}
.submit-holder .btn-submit{
  float: left;
  position: relative;
  /* background: url(../images/bg-submit.gif) no-repeat 100% -26px; */
  /* padding: 0 13px 0 0; */
  color: #fff;
  font: bold 13px/26px Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.submit-holder .inner .btn-submit{left: -50%;}
.submit-holder .btn-submit span{
  float: left;
  height: 26px;
  background: url(../images/bg-submit.gif) no-repeat;
  padding: 0 3px 0 16px;
  cursor: pointer;
}
.submit-holder  input{display: none;}
.info-form .heading, .valider-form .heading{
  color: #ff6900;
  font-size: 1.12em;
  float: left;
  margin: 0 8px 0 0;
}
.info-form .heading em, .valider-form .heading em{
  font-weight: normal;
  font-style: normal;
}
.info-form .heading span, .valider-form .heading span{color: #999;}
#content .info-form p, #content .valider-form p{
  margin: 0 0 10px;
  height: 1%;
  overflow:hidden;
}
#content .valider-form p{margin: 0 0 15px;}
.info-form input, .info-form label, .info-form select{vertical-align: middle;}
.info-form label, .info-form .label{
  color: #666;
  font-size: 1.12em;
  line-height: 20px;
  margin: 0 8px 0 3px;
}
.row{
  height: 1%;
  overflow:hidden;
  margin: 0 0 13px;
}
.col{
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
#main .col li{margin: 0 0 3px;}
.block .info-form .col .txt-input{
  width: 40px;
  padding: 1px 5px;
  margin: 0 2px 0 0;
}
.info-form input, .info-form select, .textarea{
  font: 13px Arial, Helvetica, sans-serif;
  color: #999;
}
.info-form select.short{width: 73px;}
.info-form .visible, .info-form .invisible{margin: 0 0 0 20px;}
.info-form .visible select, .info-form .invisible select{width: 120px;}
.info-form .invisible{display: none;}
.table{
  width: 427px;
  border-collapse: collapse;
  margin: -8px -9px 0;
}
.table td{
  border: 2px solid #f4f4f4;
  text-align: center;
  padding: 2px 6px;
  font-size: 1.11em;
}
.table thead {
  background: #f6f6f6;
  font-weight: bold;
  text-align: center;
}
.table img{vertical-align: middle;}
#main .table p{
  margin: 0 0 5px;
  text-align: left;
  color: #666;
  font-size: 0.8em;
}
.table p .color{
  color: #999;
  text-decoration: none;
}
.table p a.color:hover{text-decoration: underline;}
.table .grey{background: #f6f6f6;}
.note{
  font-size: 0.9em;
  display: block;
  text-align: right;
  padding: 0 0 0 265px;
  margin: 3px 0 22px;
}
.paging{
  height: 1%;
  overflow:hidden;
  margin: 0 0 19px;
}
.paging .frame{
  position: relative;
  float: left;
  left: 50%;
}
.paging .inner{
  position: relative;
  float: left;
  left: -50%;
}
.paging ul{
  list-style: none;
  margin: 0 18px 0 27px;
  padding: 0;
  float: left;
  display: inline;
}
.paging li{
  float: left;
  background: url(../images/bg-pager.gif) no-repeat;
  margin: 0 9px 0 0;
}
.paging li a{
  float: left;
  background: url(../images/bg-pager.gif) no-repeat;
  text-decoration: none;
  color: #969594;
}
.paging li span{
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  padding: 0 5px;
  background: url(../images/bg-pager.gif) no-repeat 100% -21px;
}
.paging li a:hover, .paging li.active{
  background-position: 0 -42px;
  border: 0;
  color: #fff;
}
.paging li a:hover span, .paging li.active span{background-position: 100% -64px;}
.paging a.prev, .paging a.next{
  float: left;
  width: 11px;
  height: 20px;
  background: url(../images/arrows/arrows-pager.gif) 0 100%;
  text-indent: -9999px;
}
.paging a.next{background: url(../images/arrows/arrows-pager.gif) no-repeat 100% 100%;}
.paging a.prev:hover{background: url(../images/arrows/arrows-pager.gif) no-repeat 0 0;}
.paging a.next:hover{background: url(../images/arrows/arrows-pager.gif) no-repeat 100% 0;}
.paging a.empty, .paging a.empty span{background: none !important;}
.valider-form .row{
  height: 1%;
  overflow:hidden;
  margin: 0 0 9px;
}
.valider-form .row label, .valider-form .row .label{
  float: left;
  width: 103px;
  margin: 0 13px 0 0;
  line-height: 15px;
  color: #ff6900;
  text-align: right;
}
.valider-form .row p label{
  width: auto;
  vertical-align: middle;
}
.valider-form .row .txt-input{
  width: 167px;
  margin: 0;
  padding: 1px 5px;
}
.valider-form .row .short{width: 65px;}
.valider-form .row .txt-file{margin: -4px 0 0;}
.valider-form .row select{width: 181px;}
.valider-form .row select.data{width: auto;}
.valider-form .row .middle{width: 90px;}
.valider-form .row label.middle{
  width: auto;
  float: none;
  margin: 0 10px;
}
.valider-form .row .text label{
  width: auto;
  float: none;
  vertical-align: middle;
  color: #999;
}
.valider-form .row p .txt-input{
  width: 228px;
  font-style: italic;
}
.valider-form .note{padding: 0;}
.valider-form .row .note{
  text-align: left;
  margin-bottom: 0;
}
.valider-form .text{
  height: 1%;
  overflow:hidden;
}

.help
{
  margin: 0 0 0 5px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(../images/icons/help-ico.gif) no-repeat 0 0;
  text-decoration: none;
  float: right;
  text-indent:-9999px;
}

.help:hover
{
  background-position: 0 100%;
}

.color{color: #ff6900;}
.valider-form .btn-valider{
  margin: 15px 0 0 342px;
  display: block;
}
#main .textarea{height: 260px;}
.table .txt-data{
  width: 20px;
  padding: 1px 4px;
  vertical-align: middle;
}

.table2, .table3, .table4, .table5
{
  margin: 0;
  width: 100%;
  empty-cells: hide;
}
.table2 td{text-align: left;}
.table2 thead td{
  color: #666;
  padding: 4px 6px 6px;
}
.valider-form .block .holder{
  width: 472px;
  /*margin: 0 -60px 0 0;*/
  margin: 27px -60px 0 0;
}
.valider-form .section{
  float: left;
  margin: 0 60px 0 0;
}
.valider-form .section label{
  display: block;
  font-weight: bold;
  font-size: 1.12em;
  margin: 0 0 5px;
  color: #666;
}
.valider-form .section select{width: 98px;}
.valider-form .section .short{
  width: 59px;
  margin: 0 5px 0 0;
}

.table3 td, .table4 td
{
  padding: 0 11px;
  font-size: 1.0em;
  text-align: left;
  width: 113px;
}

.table5 td, .table5 th
{
  padding: 0 11px;
  font-size: 1.0em;
}

.table .x{float: right;}
#twocolumns #content .valider-form .block .frame{
  background: url(../images/bg-border.gif) repeat-y 141px 0;
  height: 1%;
  overflow:hidden;
  margin: 0 0 -11px;
  padding: 0 0 20px;
}
.block .frame .col{
  width: 136px;
  background: url(../images/bg-col.gif) repeat-x;
  padding: 0 7px 0 0;
}
.block .col .txt-input{
  width: 131px;
  margin: 0 0 8px;
}
.block .col select{width: 136px;}

#twocolumns #content .block .frame .text{
  width: 258px;
  overflow:hidden;
  padding: 0 0 0 5px;
}

.check-box{
  height: 1%;
  overflow:hidden;
  border: 1px solid #f2f2f2;
  margin: 0 0 6px;
  padding: 0 0 4px;
}
.check-box .title{
  background: #fafafa;
  font-size: 1.2em;
  font-weight: bold;
  padding: 2px 0;
  margin: 0 0 4px;
}
.check-box input, .check-box label{vertical-align: middle;}
.check-box label{
  color: #999;
  font-size: 0.9em;
}

.brand-subtype label.disabled
{
  color: #d9d9d9;
}

.check-box input
{
  margin-right: 0;
}

.check-box .checked{color: #999;}
.block .frame .text textarea{width: 246px;}
.block .frame .text .btn-valider{
  margin: 15px 0 0 187px;
}

.holder3{
  overflow:hidden;
  width: 420px;
  margin: 0 -10px 20px 0;
}
#twocolumns #content .block .item{
  float: left;
  width: 206px;
  margin: 0 4px 0 0;
}
.item .links{
  float: left;
  padding: 0 0 0 4px;
  font-size: 1.12em;
}
.item .links li{text-align: left;}
.item .controls{
  float: right;
  padding: 0 4px 0 0;
}
.item .controls a{
  background-position: 100% 50% !important;
  padding: 0 22px 0 0 !important;
}
.photo{
  width: 206px;
  height: 156px;
  background: url(../images/bg-photo.gif) no-repeat;
  margin: 0 0 2px;
  text-align: center;
  overflow:hidden;
}
.photo img{
  margin: 4px;
}
.photo table
{
  width: 206px;
  height: 156px;
  text-align: center;
}
.item .label{
  display: block;
  font-size: 16px;
  color: #676767;
  margin: 47px 0 20px;
}
.item .label-error
{
  margin: 30px 0 20px;
}
.item .empty{background: url(../images/bg-photo-empty.gif) no-repeat;}
#content .search-form,
.address .search-form{
  width: 378px;
  background: url(../images/bg-content-search.gif) no-repeat;
  margin: 0 0 10px;
}

#content .search-form .row,
.address .search-form .row{
  width: 230px;
  padding: 2px 0 4px;
}
#content .search-form .row input{
  width: 210px;
  margin: 0 10px;
  text-align: center;
}
.contact{
  width: 306px;
  background: url(../images/bg-contact.gif) repeat-y;
  margin: 0 auto 11px;
}
.results{
  display: block;
  text-align: right;
  margin: 0 0 3px;
}
.contact .t{background: url(../images/bg-contact-t.gif) no-repeat;}
.contact .b{
  height: 1%;
  overflow:hidden;
  background: url(../images/bg-contact-bt.gif) no-repeat 0 100%;
  padding: 7px;
  color: #fff;
  font-weight: bold;
}
#content .contact p{margin: 0;}
.left-image{
  float: left;
  margin: 0 7px 0 0;
}
.searchlist{
  list-style: none;
  margin: 0;
  padding: 0 0 5px;
}
.searchlist li{
  height: 1%;
  overflow:hidden;
  background: #f4f4f4;
  margin: 0 0 8px;
  padding: 4px 7px;
  border: 1px solid #fff;
}
.icons{
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 174px;
}
.icons li{
  float: right;
  padding: 0;
  margin: 5px 0 0 10px;
  background: none;
  border: 0;
  width: 48px;
}
.right-link{
  float: right;
  margin: 3px 0 0;
}
p .right-link{
  color: #999;
  font-weight: bold;
  margin: 0 5px 0 0;
}
.searchlist address{
  height: 1%;
  overflow:hidden;
  padding: 2px 0 0 25px;
  font-style: normal;
}
.searchlist address img
{
  float: left;
  margin: 0 5px 0 -25px;
}
.searchlist address strong, .searchlist address span, .searchlist address em{display: block;}
.searchlist address strong{
  font-size: 1.2em;
  color: #666;
}
.searchlist address .phone{
  background: url(../images/bg-phone.gif) no-repeat;
  padding: 0 0 0 16px;
  font-weight: bold;
}
#content .searchlist p{
  margin: 3px 0 5px;
  color: #747474;
}
.searchlist .visible{
  height: 1%;
  overflow:hidden;
  display: none;
}
li.searchlist-item:hover, li.searchlist-item.hover{
  background: #fff5ee;
  border: 1px solid #ff791c;
  cursor: pointer;
}
.searchlist li:hover .visible, .searchlist li.hover .visible{display: block;}
.text-box{
  height: 1%;
  overflow:hidden;
  background: #f4f4f4;
  font-size: 1.12em;
  color: #666;
  padding: 8px 11px 0;
  margin: 0 0 18px;
}
.message-form{
  width: 454px;
  margin: 0 auto;
}
.message-form .row{
  height: 1%;
  overflow:hidden;
}
.message-form .row label{
  display: block;
  color: #ff6900;
  margin: 0 0 3px;
  font-size: 1.12em;
}
.message-form .column{
  float: left;
  width: 227px;
}
.message-form input, .message-form select, .message-form textarea{
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
}
.message-form .txt-input{
  width: 241px;
  padding: 2px 5px;
}
.message-form .column .txt-input{width: 152px;}
.message-form textarea{
  width: 393px;
  height: 127px;
}
.message-form .submit-holder{margin-bottom: 0;}
.message-form .btn-submit{
  float: right;
  margin: 0 60px 0 0;
}
.message-form select{width: 166px;}
.categories-list{
  list-style: none;
  margin: 0 0 60px;
  padding: 0 0 0 23px;
}
.categories-list strong{
  font-size: 1.18em;
  color: #7b7b7b;
}
.categories-list ol{
  list-style: none;
  margin: 0;
  padding: 14px 0 27px;
}
.arrow-link{
  float: right;
  background: url(../images/bg-arrow.gif) no-repeat 0 50%;
  font-weight: bold;
  padding: 0 0 0 17px;
  color: #999;
  margin: -77px 0 0;
}
.category{
  overflow:hidden;
  margin: -25px 0 0;
  width: 717px;
}
.category .arrow-link{
  margin: 0;
  position: relative;
  z-index: 2;
}
.category ol{
  list-style: none;
  margin: 8px 0 0;
  padding: 0 0 30px 35px;
  height: 1%;
  overflow:hidden;
}
.category ol h3{
  font-size: 1.15em;
  margin: 0;
}
.category ol h3 span{font-size: 0.9em;}
.category ol li{
  height: 1%;
  overflow:hidden;
  margin: 8px 0 0;
}
#content .category ol li p{
  margin: 0 0 8px;
  font-size: 0.92em;
}
.category h2{
  font-size: 1.5em;
  margin: 0;
  color: #7b7b7b;
}
#content .list{margin: 0;}
#content .list li{padding: 0 0 15px 40px;}
#content .bullet{margin: 0 0 7px;}
#content .bullet li{
  padding: 0 0 8px 51px;
  background: url(../images/bullet.gif) no-repeat 39px 3px;
}
/* aside */
.aside{
  float: right;
  width: 305px;
  padding: 11px 0 0;
}
.aside .box .t{background: url(../images/bg-box-t-aside.gif) no-repeat;}
.aside .box{background: url(../images/bg-box-aside.gif) repeat-y;}
.aside .box .b{
  background: url(../images/bg-box-b-aside.gif) no-repeat 0 100%;
  padding: 13px 15px 16px;
}
.aside .block-t,
.aside .optician-block-t{background: url(../images/bg-block-t-aside.gif) no-repeat;}
.aside .block,
.aside .optician-block{
  background: url(../images/bg-block-aside.gif) repeat-y;
  margin: 0;
}
.aside .block-b .inner, .aside .block-b .frame,
.aside .optician-block-b .inner, .aside .optician-block-b .frame{
  padding: 12px 14px 10px 15px;
  min-height: 219px;
  overflow:hidden;
  text-align: left;
}
.aside .block-b .frame,
.aside .optician-block-b .frame{
  min-height: 0;
  font-size: 1.12em;
}
.aside .block-b .frame h3,
.aside .optician-block-b .frame h3{
  font-size: 1.0em;
  color: #999;
}
.aside .block-b,
.aside .optician-block-b{
  padding: 1px 1px 6px 0;
  text-align: center;
  background: url(../images/bg-block-b-aside.gif) no-repeat 0 100%;
}
.ad img{
  display: block;
  margin: 0 auto;
}
.aside h2{
  font-size: 1.3em;
  color: #ff6900;
  margin: 0 0 10px;
}
.info{
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  height: 1%;
  overflow:hidden;
}
.info li{
  background: url(../images/bg-info.gif) no-repeat 50% 100%;
  margin: 0 0 -2px;
  padding: 6px 0 8px;
  height: 1%;
  overflow:hidden;
}

.info li.phone p
{
  padding: 5px 0;
  font-weight: bold;
}

.info li.phone span.icon-phone
{
  margin: 0;
}

.send-mail
{
  text-align: center;
  padding: 10px 0;
}

.send-mail span
{
  margin: 0;
  padding-left: 30px;
}

.info p{margin: 0;}
.info h3{
  font-size: 1.12em;
  margin: 0;
  color: #666;
}
.info h3 a{
  text-decoration: none;
  color: #666;
}
.info h3 a:hover{text-decoration: underline;}
.date{
  display: block;
  font-size: 0.9em;
  color: #cdcbcb;
}
.info-form .date{color: #adadad;}
.aside .box .controls{
  width: 86px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  overflow:hidden;
}
.aside .box .controls li{float: left;}
.aside .box .controls .top-link{
  background: url(../images/bg-top-link.gif) no-repeat;
  width: 44px;
  height: 9px;
  float: left;
  overflow:hidden;
  margin: 0 -4px 0 0;
}
.aside .box .controls .bt-link{
  background: url(../images/bg-bt-link.gif) no-repeat;
  width: 44px;
  height: 9px;
  float: left;
  overflow:hidden;
}
.aside .box .controls a:hover, .aside .box .controls .active a{background-position: 0 -9px;}
.rss{
  float: right;
  margin: 0 3px 0 0;
}
.list{
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}
.list li{line-height: 14px;}
.list strong{font-size: 1.12em;}
.list a{color: #999;}
.rating{
  width: 100%;
  overflow:hidden;
  margin: 14px 0 12px;
}
#progression {
  height: 16px;
  width: 162px;
  margin: 0 auto;
  background: url(../images/progress-empty.gif) no-repeat;
  text-align: left;
}
#progression-bar {
  height: 16px;
  background: url(../images/progress-full.gif) no-repeat left top;
}
.space{margin: 0 10px;}
.buttons{
  display: block;
/*  text-align: center; */
  margin: 7px 0 15px;
  font-size: 1.12em;
}
#content .buttons p{
  margin: 27px 0 0;
  text-align: left;
}
.table .buttons{margin: 0;}
.buttons img{
  vertical-align: middle;
  margin: 0 5px;
}
.table .buttons img{margin: 0;}
.buttons a{margin: 0 3px;}
.aside .block-b .frame dl{margin: 10px 0;}
.aside .block-b .frame dt{
  float: left;
  clear: both;
}
.aside .block-b .frame dd{
  height: 1%;
  overflow:hidden;
  margin: 0;
}
/* sidebar */
#sidebar{
  float: left;
  width: 246px;
  padding: 10px 0 0;
}

.box
{
  clear: both;
  background: url(../images/bg-box.gif) repeat-y;
}

.box .t{background: url(../images/bg-box-t.gif) no-repeat;}
.box .b{
  background: url(../images/bg-box-b.gif) no-repeat 0 100%;
  height: 1%;
  overflow:hidden;
  padding: 15px 17px 15px 15px;
}
#sidebar h2, #sidebar h2.special{
  font-size: 1.35em;
  color: #ff6900;
  margin: 0 0 8px;
}
#sidebar h2.special{
  font-size: 1.32em;
}
#sidebar h4.special{
  font-size: 1.10em;
}
#sidebar h4.special2{
  font-size: 1.10em;
  color: #FF6900;
}
#sidebar h3{
  font-size: 1.6em;
  margin: 0 0 23px;
  color: #666;
  text-align: center;
}
#sidebar .section{
  background: #fafafa;
  width: 203px;
  margin: 0 -5px 11px -6px;
  padding: 9px 11px;
}
.envoyer-form .section label{margin: 0 0 8px;}
.envoyer-form .section select{
  font: 13px Arial, Helvetica, sans-serif;
  color: #999;
  margin: 0;
  width: 166px;
}
.navigation{
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation li{
  background: url(../images/bg-navigation.gif) no-repeat 0 1px;
  font-size: 1.16em;
  padding: 0 0 8px 13px;
  font-weight: bold;
}
.navigation a{
  color: #999;
  text-decoration: none;
}

.navigation a:hover, .navigation .active-link a,
.navigation a:hover, .navigation .active a
{
  text-decoration: underline;
  color: #666;
}

.navigation .active{background: url(../images/bg-navigation-active.gif) no-repeat 0 7px;}
.navigation ul{
  list-style: none;
  margin: 0;
  padding: 6px 0 0;
  display: none;
}
.navigation .active ul{display: block;}
.navigation ul li, .navigation ul .active{
  background: none;
  padding: 0 0 0 16px;
}
.navigation ul a:hover, .navigation .active ul a, .navigation ul a, .navigation ul .active a{
  font-weight: normal;
  font-size: 0.86em;
  text-decoration: none;
  color: #999;
}
.navigation ul .active a, .navigation ul a:hover{
  text-decoration: underline;
  color: #666;
}
.envoyer-form label{
  display: block;
  margin: 0 0 13px;
}
.envoyer-form textarea{
  font: 12px Arial, Helvetica, sans-serif;
  color: #999;
  padding: 0 0 0 11px;
  width: 201px;
  height: 100px;
}
.btn-envoyer{
  float: right;
  margin: 14px 0 0;
}
#sidebar .heading{text-align: center;}
#sidebar .heading strong{
  display: block;
  background: url(../images/bg-info.gif) no-repeat 50% 0;
  font-size: 1.24em;
  color: #666;
  padding: 14px 0 0;
  margin: 9px 0 0;
}
.ordered{
  list-style: none;
  margin: 0;
  padding: 0;
}
.ordered li{
  height: 1%;
  overflow:hidden;
  background: #fafafa;
  border: 1px solid #eeecec;
  margin: 0 0 7px;
  padding: 5px 6px;
}
.ordered li li{
  background: none;
  border: 0;
  margin: inherit;
  height: auto;
  padding: 0;
}
.ordered .col{margin: 0 7px 0 0;}
.ordered .col li{
  padding: 0 3px;
  color: #666;
}
.ordered .col .active{
  background: #e6e4e4;
  font-weight: bold;
  color: #333;
}
.ordered .col .unactive{color: #d0d0d0;}
.ordered .col label{
  margin: 0;
  font-size: 0.99em;
}
.ordered .row{
  margin: 0 -50px 0 0;
  height: 1%;
  overflow:hidden;
}
#sidebar .ordered h3{
  margin: 0 0 12px;
  font-size: 1.16em;
  text-transform: uppercase;
  color: #ff6900;
  line-height: 20px;
  text-align: left;
}
.ordered h3 span{
  float: left;
  width: 20px;
  line-height: 20px;
  background: url(../images/bg-number.gif) no-repeat;
  text-align: center;
  color: #fff;
  margin: 0 4px 0 0;
}
#sidebar p{margin: 0 0 8px;}
.ordered p strong{
  font-size: 1.12em;
  color: #666;
}
.visual{margin: 0 0 17px;}
.visual img{display: block;}
.navbar{
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
  font-weight: bold;
}
.navbar a{color: #999;}
.contacts{
  height: 1%;
  overflow:hidden;
  background: #fafafa;
  border: 1px solid #ece9e9;
  padding: 5px;
  margin: 0 0 4px;
  text-align: center;
}
.contacts a{
  color: #999;
  text-decoration: none;
}
.contacts a:hover{text-decoration: underline;}
.contacts .phone{font-weight: bold;}
.contacts .phone img, #sidebar .mail img{
  vertical-align: middle;
  padding: 0 7px 0 0;
  background: #fbfbfb;
}
#sidebar .info li{padding: 6px 0 4px;}
#sidebar .contacts p{margin: 0 0 4px;}
#sidebar .mail{
  display: block;
  text-align: center;
}
/* footer */
#footer{
  background: #bababa url(../images/bg-footer.gif) repeat-x;
  width: 100%;
  overflow:hidden;
  padding: 2px 0 0;
  margin: 16px 0 0;
}
#footer .holder{
  background: #f2f2f2;
  border-bottom: 2px solid #f7f7f7;
}
#footer .inner{
  width: 984px;
  margin: 0 auto;
  padding: 7px 0;
}
#footer .holder .inner{
  background: url(../images/bg-holder1.gif) repeat-y;
  margin: 20px auto 37px;
  padding: 0 0 0 16px;
}
#footer .holder2 .inner{padding: 20px 0 37px 16px;}
#footer .holder2 .inner{padding: 20px 0 0 16px;}
#footer .items{
  width: 1000px;
  overflow:hidden;
  list-style: none;
  margin: 0 0 0 -16px;
  padding: 0;
  font-size: 1.1em;
}
#footer .items li{
  float: left;
  width: 198px;
  padding: 12px 12px 35px 16px;
  margin: 0 0 0 -1px;
}
#footer .items .wide{width: 246px;}
#footer .items ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .items ul li, #footer .holder2 .items ul li{
  float: none;
  width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}
#footer h4{
  font-size: 1.2em;
  color: #fa8c3f;
  margin: 0 0 15px;
}
#footer h5{
  font-size: 1.2em;
  color: #686767;
  margin: 0 0 13px;
}
#footer p{margin: 13px 0;}
#footer a{text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#footer .items ul a{
  color: #777;
  text-decoration: none;
}
#footer .items ul a:hover{text-decoration: underline;}
#footer .holder2{background: #fff url(../images/bg-holder2.gif) repeat-x;}
#footer .holder2 .items li{background: url(../images/bg-item.gif) no-repeat;}
.bottom-nav{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.bottom-nav li{
  display: inline;
  background: url(../images/bg-bottom-nav.gif) no-repeat 0 50%;
  padding: 0 10px 0 12px;
  font-size: 1.1em;
  color: #fff;
}
.bottom-nav li:first-child{background: none;}
.bottom-nav a{color: #fff;}

.toggle-select select
{
  width: 120px;
}

.valider-form .datetime-select select
{
  width: auto;
}

table td.day-hours
{
  padding: 2px;
}

table td.day-hours .space
{
  margin: 0;
}

.day-hours ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

.center
{
  text-align: center;
}

.left
{
  text-align: left;
}

.table3 td.empty
{
  border: 0;
  background: #FFF;
}

.small-font
{
  font-size: 0.9em;
}

.choose-contact-lenses
{
  margin-bottom: 5px;
}

.choose-contact-lens
{
  width: 50%;
  float: left;
}

.clear
{
  clear: both;
}

h3.with-help
{
  width: 220px;
}

.animation-colors-list
{
  list-style: none;
  height: 28px;
  margin: -7px 0 0;
  padding: 0;
}

.animation-colors-list li
{
  display: block;
  float: left;
  width: 35px;
  margin-left: 6px;
}

.animation-colors-list li a
{
  display: block;
  width: 35px;
  height: 24px;
  background: url(../images/animations/animation-colors.gif) no-repeat left top;
}

.animation-colors-list li a:hover,
.animation-colors-list li a.selected
{
  background-image: url(../images/animations/animation-selected-colors.gif)
}

.animation-colors-list .color-1
{
  background-position: left 0;
}

.animation-colors-list .color-2
{
  background-position: left -24px;
}

.animation-colors-list .color-3
{
  background-position: left -48px;
}

.animation-colors-list .color-4
{
  background-position: left -72px;
}

.animation-colors-list .color-5
{
  background-position: left -96px;
}

.animation-colors-list .color-6
{
  background-position: left -120px;
}

.animation-colors-list .color-7
{
  background-position: left -144px;
}

.animation-colors-list .color-8
{
  background-position: left -168px;
}

.animation-box-1
{
  background-image: url(../images/animations/animation-box-1.png);
}

.animation-box-2
{
  background-image: url(../images/animations/animation-box-2.png);
}

.animation-box-3
{
  background-image: url(../images/animations/animation-box-3.png);
}

.animation-box-4
{
  background-image: url(../images/animations/animation-box-4.png);
}

.animation-box-5
{
  background-image: url(../images/animations/animation-box-5.png);
}

.animation-box-6
{
  background-image: url(../images/animations/animation-box-6.png);
}

.animation-box-7
{
  background-image: url(../images/animations/animation-box-7.png);
}

.animation-box-8
{
  background-image: url(../images/animations/animation-box-8.png);
}

.foreword
{
  text-align: center;
  padding-bottom: 10px;
}

#twocolumns #content .block .foreword h2,
.foreword h2
{
  color: #FF6900;
}

.table4 td
{
  border: 0;
  background: transparent;
}

.gradient-box-top
{
  width: 419px;
  padding-top: 6px;
  background: url(../images/gradient-box-top.gif) no-repeat left top;
}

.gradient-box-content
{
  padding: 0 10px 10px;
  background: url(../images/gradient-box-content.gif) no-repeat left bottom;
}

.triable-brands-list
{
  list-style: none;
  margin: 25px auto 20px;
  padding: 0;
  width: 410px;
}

.triable-brands-list thead
{
  border: 2px solid #F3F3F3;
}

.triable-brands-list td,
.triable-brands-list th
{
  padding: 2px 8px;
}

.triable-brands-list th
{
  background: #ACABAB;
  color: #FFF;
  font-size: 1.2em;
}

.triable-brands-list .brand
{
  width: 178px;
}

.triable-brands-list td.brand
{
  text-align: left;
}

.triable-brands-list .fakecheckbox_off
{
  cursor: pointer;
}

.triable-brands-list .nb-selected-frames
{
  width: 20px;
  text-align: center;
}

button.btn, a.btn
{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  overflow: visible;
  white-space: nowrap;
  position: relative;
  height: 26px;
  outline: none;
}

button.btn span.btn,
a.btn span.btn
{
  height: 26px;
  margin: 0;
  padding: 0 13px 0 0;
  background: url(../images/buttons/button.png) no-repeat scroll 100% -26px;
  cursor: pointer;
  display: block;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

button.btn span.btn span,
a.btn span.btn span,
a.btn-small-grey
{
  height: 26px;
  margin: 0;
  padding: 0 2px 0 15px;
  background: url(../images/buttons/button.png) no-repeat scroll 0 0;
  display: block;
  color: #FFF;
  font: bold 1.1em/2em Arial, Helvetica, sans-serif;
}

button.btn-small,
button.btn-small-grey,
button.btn-small-darkgrey,
a.btn-small,
a.btn-small-grey
{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  overflow: visible;
  white-space: nowrap;
  position: relative;
  height: 18px;
}

button.btn-small span.btn,
button.btn-small-grey span.btn,
button.btn-small-darkgrey span.btn,
a.btn-small span.btn,
a.btn-small-grey span.btn
{
  height: 18px;
  margin: 0;
  padding: 0 8px 0 0;
  background: url(../images/buttons/button-small.png) no-repeat scroll 100% -18px;
  cursor: pointer;
  display: block;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

button.btn-small span.btn span,
button.btn-small-grey span.btn span,
button.btn-small-darkgrey span.btn span,
a.btn-small span.btn span,
a.btn-small-grey span.btn span
{
  height: 18px;
  margin: 0;
  padding: 0 7px 0 15px;
  background: url(../images/buttons/button-small.png) no-repeat scroll 0 0;
  display: block;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.4em;
}

a.btn,
a.btn-small,
a.btn-small-grey
{
  display: block;
  text-decoration: none;
}

button.btn-small-grey span.btn,
button.btn-small-grey span.btn span,
a.btn-small-grey span.btn,
a.btn-small-grey span.btn span
{
  background-image: url(../images/buttons/button-small-grey.gif);
  color: #999;
  line-height: 1.4em;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

button.btn-small-darkgrey span.btn,
button.btn-small-darkgrey span.btn span
{
  background-image: url(../images/buttons/button-small-darkgrey.png);
  color: #FFF;
  line-height: 1.4em;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

button.btn:hover span.btn,
a.btn:hover span.btn
{
  background-position: 100% -78px;
}

button.btn:hover span.btn span,
a.btn:hover span.btn span
{
  background-position: 0 -52px;
}

button.btn-small:hover span.btn,
button.btn-small-grey:hover span.btn,
button.btn-small-darkgrey:hover span.btn,
a.btn-small:hover span.btn,
a.btn-small-grey:hover span.btn
{
  background-position: 100% -54px;
}


button.btn-small:hover span.btn span,
button.btn-small-grey:hover span.btn span,
button.btn-small-darkgrey:hover span.btn span,
a.btn-small:hover span.btn span,
a.btn-small-grey:hover span.btn span
{
  background-position: 0 -36px;
}

button.btn-small:hover span.btn span,
a.btn-small:hover span.btn span
{
  color: #FDD1B3;
}

button.btn-small-darkgrey:hover span.btn span
{
  color: #DBDBDB;
}

.float-left
{
  float: left;
}

.float-right
{
  float: right;
}

.checkbox_list,
.radio_list
{
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  *top: -2px; /* pour IE, je ne sais pas vraiment pourquoi */
}

.checkbox_list li,
.radio_list li
{
  float: left;
  width: 205px;
  /*height: 1.75em;*/
  overflow: hidden;
}

.radio_list li
{
  width: auto;
}

.checkbox_list label,
.radio_list label
{
  margin: 0;
}

.anim-form input
{
  width: 99%;
  *width: 98%;
}

.anim-form table
{
  width: 100%;
}

div.anim-form div.animation-text, div.anim-form div.animation-text p
{
  height: 100% !important;
}

.form-error
{
  color: red;
}

#sidebar ul.navigation li.closed ul
{
  display: none;
}

.txt-input,
textarea
{
  border: 1px solid;
  border-color: #eceeef #bbbcbc #9b9b9b;
}

.txt-input.field-error,
.creation .field-error,
.field-error
{
  border: 1px solid #ef1414;
}

.all-errors
{
  border: 1px solid #ef1414;
  margin: 5px 5px 20px;
}

#twocolumns #content .block .all-errors h3,
.all-errors h3
{
  background: #fff5f5;
  border-bottom: 1px solid #ef1414;
  text-align: center;
  padding: 3px 0;
  margin: 0;
  color: #ef1414;
}


.all-errors ul
{
  color: #ef1414;
  list-style: disc inside;
  padding: 0;
  margin: 5px 0 5px 15px;
}

.uploaded-file
{
  padding: 3px 21px 3px 0;
  background: url(../images/download.gif) no-repeat bottom right;
  color: #666666;
}

.delete-uploaded-file
{
  padding: 3px 5px;
}

.uploaded-file, .delete-uploaded-file
{
  display: block;
  float: left;
}

.flashes
{
  margin: 10px 0;
  text-align: center;
  font-weight: bold;
}

.flashes-notice
{
  color: #ff6900;
}

.flashes-error
{
  color: red;
}

/* optician */

#optician-header
{
  padding: 10px 10px 0;
}

.optician-title
{
  margin: 0;
  font-size: 110%;
  text-transform: uppercase;
}

#optician-sidebar
{
  float: left;
  width: 258px;
  padding: 0;
  margin: 0 0 10px;
}

#optician-center
{
  float: left;
  width: 402px;
  padding: 10px 20px 10px 10px;
}

.optician-box
{
  clear: both;
  width: 258px;
  background: url(../images/boxes/bg-box-258.gif) repeat-y 0 0;
}

.optician-box.dark
{
  background-image: url(../images/boxes/bg-box-dark-258.gif);
}

.optician-box .optician-box-top
{
  padding-top: 12px;
  background: url(../images/boxes/bg-box-258-top.gif) no-repeat 0 0;
}

.optician-box .optician-box-bottom
{
  padding: 0 10px 10px;
  background: url(../images/boxes/bg-box-258-bottom.gif) no-repeat 0 100%;
}

.optician-box .optician-box-bottom-gradient
{
  padding: 0 10px 10px;
  background: url(../images/boxes/bg-box-258-bottom-gradient.png) no-repeat 0 100%;
}

.optician-box ul,
.optician-box-right ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.optician-box h3
{
  font-weight: bold;
  font-size: 100%;
  margin: 0;
  color: #666;
}

.optician-box-line
{
  margin-top: 10px;
  position: relative;
}

.aside .optician-block,
.aside .optician-block-t,
.aside .optician-block-b,
.aside .optician-block-b .inner
{
  overflow: inherit;
}

.optician-tabed-box,
.aside .optician-tabed-box
{
  margin: 25px 0 0 0;
}

ul.optician-tabset
{
  margin: -35px 0 0 -10px;
}

.optician-block ul.optician-tabset
{
  margin: -37px 0 0 -15px;
}

.optician-tabset li.active, .optician-tabset li:hover
{
  border-bottom: 1px solid #FFFFFF;
}

.optician-tab
{
  margin-top: 10px;
}

.icon-phone, .icon-mail,
.icon-orange-phone, .icon-orange-mail
{
  margin: 5px;
  padding: 8px 0 8px 40px;
}

.icon-small-phone, .icon-small-mail
{
  padding: 8px 0 10px 30px;
  margin: 0;
  color: #666;
}

.icon-orange-mail
{
  background: url(../images/icons/mail-onorange.gif) left center no-repeat;
}

.icon-mail
{
  background: url(../images/icons/mail-onwhite.gif) left center no-repeat;
}

.icon-orange-phone
{
  background: url(../images/icons/phone-onorange.gif) left center no-repeat;
}

.icon-phone
{
  background: url(../images/icons/phone-onwhite.gif) left center no-repeat;
}

.icon-small-phone
{
  background: url(../images/icons/phone-small-onwhite.gif) left center no-repeat;
}

#optician-picto-list
{
  list-style: none;
  margin: 0 auto;
  width: 174px;
}

#optician-picto-list li
{
  float: left;
  width: 48px;
  margin: 0 5px
}

.small-tooltip
{
  position: absolute;
  width: 130px;
  background: url(../images/tooltips/tooltip-picto-top.png) no-repeat 0 0;
  padding-top: 5px;
  z-index: 3000;
}

.small-tooltip-content
{
  background: url(../images/tooltips/tooltip-picto-content.png) no-repeat 0 100%;
  padding: 2px 10px 20px;
  color: #666;
  font-size: 1.2em;
  font-weight: bold;
}

.speciality a
{
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: url(../images/specialities-small.png) no-repeat left top;
}

.spe-baby a       {background-position: 0 0;}
.spe-kid a        {background-position: 0 -48px;}
.spe-luxury a     {background-position: 0 -96px;}
.spe-design a     {background-position: 0 -144px;}
.spe-solar a      {background-position: 0 -192px;}
.spe-third a      {background-position: 0 -240px;}
.spe-cmu a        {background-position: 0 -288px;}
.spe-audio a      {background-position: 0 -336px;}
.spe-lense a      {background-position: 0 -384px;}
.spe-sport a      {background-position: 0 -432px;}
.spe-vision a     {background-position: 0 -480px;}
.spe-instrument a {background-position: 0 -528px;}
.spe-payment a    {background-position: 0 -576px;}
.spe-frame a      {background-position: 0 -624px;}

.spe-baby a:hover        {background-position: right 0;}
.spe-kid a:hover         {background-position: right -48px;}
.spe-luxury a:hover      {background-position: right -96px;}
.spe-design a:hover      {background-position: right -144px;}
.spe-solar a:hover       {background-position: right -192px;}
.spe-third a:hover       {background-position: right -240px;}
.spe-cmu a:hover         {background-position: right -288px;}
.spe-audio a:hover       {background-position: right -336px;}
.spe-lense a:hover       {background-position: right -384px;}
.spe-sport a:hover       {background-position: right -432px;}
.spe-vision a:hover      {background-position: right -480px;}
.spe-instrument a:hover  {background-position: right -528px;}
.spe-payment a:hover     {background-position: right -576px;}
.spe-frame a:hover       {background-position: right -624px;}

.hidden
{
  display: none;
}

#hours-box h3
{
  margin-bottom: 10px;
}

#hours-box table
{
  border: 1px solid #EEEEEE;
  width: 100%;
}

#hours-box tr,
#hours-box td
{
  margin: 0px;
}

#hours-box tr.even
{
  background: #EEEEEE;
}

#hours-box td
{
  border-left: 1px solid #EEEEEE;
  padding: 5px;
}

.hours-separator
{
  padding: 0 0 0 10px;
  background: url(../images/bullet.gif) left center no-repeat;
}

#optician .back-to-search
{
  position: relative;
  margin: -3px 0 4px;
  text-align: right;
}

#optician-gallery
{

}

#gallery-viewer
{
  float: left;
  width: 325px;
  height: 245px;
  overflow: hidden;
}

#optician-gallery .image-na
{
  width: 100%;
  height: 200px;
  background: #FFF url(../images/image-na.gif) no-repeat 50% 55%;
  text-indent: -9999px;
}

#optician-gallery table,
#optician-galleryr table tr,
#optician-gallery table tr td
{
  border: 0;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  text-align: center;
}

#gallery-selector
{
  float: right;
  width: 56px;
  height: 238px;
  text-align: center;
  position: relative;
  top: 5px;
}

#gallery-selector .jcarousel-container
{
  position: relative;
  width: 56px;
  height: 206px;
}

#gallery-selector .jcarousel-clip
{
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 56px;
  height: 206px;
}

#gallery-selector .jcarousel-list
{
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery-selector .jcarousel-list li,
#gallery-selector .jcarousel-item
{
  float: left;
  width: 56px;
  height: 42px;
}

.top-commercial
{
  margin: -10px 0 10px;
  padding: 15px 10px;
  width: 392px;
  text-align: center;
  background: #EEE;
  clear: both;
}

.aside #map-box
{
  position: relative;
  left: -14px;
  top: 0;
  margin: 0 0 -10px;
  width: 310px;
}

.aside #map-box #map
{
  width: 301px !important;
}

.aside #map-box .map
{
}

.optician-info-aside,
.optician-info-center
{
  width: 269px;
  padding: 10px;
  margin: 10px;
  color: #FFF;
  background: #FF9000;
}

.optician-info-center
{
  width: 652px;
  padding: 8px 10px;
  margin: 10px 0px;
  position: relative;
}

.optician-info-aside a,
.optician-info-center a
{
  color: #FFF;
}

.optician-info-center h3,
.optician-info-aside h3
{
  text-transform: uppercase;
  color: #FFF;
  font-size: 1.3em;
}

.optician-info-center h3
{
  float: left;
  margin: 6px 25px 0 5px;
}

.optician-info-center span.icon-orange-mail
{
  display: block;
  float: left;
  margin: 0;
  padding: 7px 0 0 40px;
  height: 21px;
  font-size: 1.2em;
}

.optician-info-center span.icon-orange-phone
{
  display: block;
  float: right;
  margin: 0;
  padding: 7px 0 0 40px;
  height: 21px;
  font-size: 1.2em;
}

.optician-info-aside ul
{
  margin: 15px 0 -5px;
  padding: 0;
  list-style: none;
}

.optician-info-aside ul li
{
  margin: 5px 0;
  height: 28px;
}

.optician-info-aside ul li .optician-phone
{
  font-size: 1.8em;
}

.optician-long-description
{
  float: left;
}

.optician-center-box
{
  width: 672px;
  background: url(../images/boxes/bg-box-672.gif) repeat-y;
  clear: both;
}

.optician-center-box-top
{
  padding-top: 10px;
  background: url(../images/boxes/bg-box-672-top.png) no-repeat 0 0;
}

.optician-center-box-bottom
{
  padding: 0 10px 10px;
  background: url(../images/boxes/bg-box-672-bottom.png) no-repeat 0 100%;
}

.optician-center-box-top-tabs
{
  padding-top: 10px;
  background: url(../images/boxes/bg-box-672-top-tabs.png) no-repeat 0 0;
}

.optician-center-box h2
{
  color: #FF6900;
  margin: 0 0 10px 0;
}

.optician-tab.active-box,
#lenses-box .optician-center-box-bottom,
#contact-lenses-box .optician-center-box-bottom
{
  overflow: hidden;
}

.optician-box-bottom-gradient .optician-tab
{
  min-height: 124px;
}

#brands-box,
#lenses-box,
#contact-lenses-box
{
  position: relative;
}

.optician-center-box .jcarousel-container
{
  position: relative;
  width: 620px;
  height: 96px;
  height: 104px;
  margin: 0 0 0 16px;
}
.brand-frames .jcarousel-container
{
  width: 610px;
}

#brands-box .jcarousel-container
{
  height: 68px;
  height: 76px;
}

.optician-center-box .jcarousel-clip
{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 620px;
}

.optician-center-box .jcarousel-list
{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  list-style: none;
}

.optician-center-box .jcarousel-list li,
.optician-center-box .jcarousel-item
{
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  float: left;
  text-align: center;
  width: 102px;
  height: 96px;
  width: 110px;
  height: 104px;
}

.optician-center-box .jcarousel-item table,
.optician-center-box .jcarousel-item table tr,
.optician-center-box .jcarousel-item table td
{
  text-align: center;
  width: 102px;
  height: 96px;
  width: 110px;
  height: 104px;
  margin: 0 auto;
  border-collapse: collapse;
}

#brands-box .jcarousel-list li,
#brands-box .jcarousel-item,
#brands-box .jcarousel-item table,
#brands-box .jcarousel-item table tr,
#brands-box .jcarousel-item table td
{
  width: 102px;
  height: 68px;
  width: 110px;
  height: 76px;
}

.optician-center-box .jcarousel-list li a
{
  display: block;
  text-decoration: none;
  color: #999;
  padding: 4px;
  border: 2px solid #FFF;
}

.optician-center-box .jcarousel-list li a:hover,
.optician-center-box .jcarousel-list li a.active
{
  border: 2px solid #FF6900;
}

#optician div.previous,
#optician div.next,
#brand-frames div.previous,
#brand-frames div.next
{
  display: block;
  width: 16px;
  height: 54px;
  background: url(../images/arrows/slider-basic-nav.gif) no-repeat;
  text-indent: -9999px;
  position: absolute;
  top: 22px;
}

#optician div.previous,
#brand-frames div.previous
{
  left: 6px;
  background-position: 0 0;
}

#optician div.next,
#brand-frames div.next
{
  right: 6px;
  background-position: 100% 0;
}

#optician div.previous:hover,
#brand-frames div.previous:hover
{
  background-position: 0 100%;
}

#optician div.next:hover,
#brand-frames div.next:hover
{
  background-position: 100% 100%;
}

#optician #previous,
#optician #next,
#brand-frames #previous,
#brand-frames #next
{
  margin: 2px auto;
  display: block;
  width: 38px;
  height: 12px;
  background: url(../images/arrows/slider-basic-vertical-nav.gif) no-repeat;
  text-indent: -9999px;
  z-index: 3;
}

#optician #previous,
#brand-frames #previous
{
  background-position: 0 0;
}

#optician #next,
#brand-frames #next
{
  background-position: 0 100%;
}

#optician #previous:hover,
#brand-frames #previous:hover
{
  background-position: 100% 0;
}

#optician #next:hover,
#brand-frames #next:hover
{
  background-position: 100% 100%;
}

#brands-frames-box .brands-frames
{
  border-top: 1px solid #f3f3f3;
  padding: 10px 0;
  margin: 15px 0 0;
}

#brands-frames-box .brands-frames .brands-list
{
  list-style: none;
  padding: 0;
  margin: 0;
}

#brands-frames-box .brands-frames .brands-list li
{
  width: 163px;
  margin-bottom: 10px;
  float: left;
  text-align: center;
}

#brands-frames-box .brands-frames .brands-list li table
{
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}

#brands-frames-box .brands-frames .brands-list li a
{
  text-decoration: none;
  color: #999;
  display: block;
  border: 2px solid #fff;
}

#brands-frames-box .brands-frames .brands-list li a:hover
{
  border-color: #ff6900;
}

#brands-frames-box .brands-frames .brands-list li a.btn
{
  margin-top: 5px;
  border: 0;
}

#brands-frames-box .brands-frames .brands-list li a img
{
  display: block;
  margin: 0 auto;
}

#brands-box div.previous,
#brands-box div.next
{
  top: 12px;
}

#brands-frames-box .brands-frames .paging
{
  border-top: 1px solid #f3f3f3;
  padding-top: 5px;
  margin-bottom: 0;
}

.aside
{
  position: relative;
}

.optician-brand-tooltip
{
  position: absolute;
  width: 278px;
  padding: 10px;
  background: #F4F4F4;
  border: 1px solid #EFF0F0;
  text-align: justify;
}

.optician-brand-tooltip img
{
  margin: 0 5px 5px 0;
}

#addthis-box ul
{
  width: 25%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#addthis-box span
{
  position: absolute;
  left: 14px;
}

#addthis-box a
{
  display: block;
  position: relative;
  padding: 4px 0 4px 40px;
  color: #999;
  text-decoration: none;
}

.inline
{
  display: inline;
}

h2.orange-title,
h2.simple-orange-title,
#twocolumns #content .block h2.simple-orange-title
{
  text-transform: uppercase;
  font-size: 1.4em;
  color: #EA681D;
}

h2.orange-title
{
  padding-left: 20px;
  background: url(../images/bullet-big.gif) no-repeat 0 2px;
}

.ajax-loader
{
  background: url(../images/ajax-loader.gif) left center no-repeat;
  padding: 0 0 0 20px;
  width: auto;
  margin: 0 auto;
}

.ajax-loader-container
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #666666;
  z-index: 1000;
  opacity: 0.5;
}

h2 span.ajax-loader
{
  margin: 0 0 0 5px;
}


h4
{
  font-size: 1em;
  color: #666;
  font-weight: bold;
  margin: 10px 0 5px;
  padding: 0;
}

h5
{
  font-size: 1em;
  color: #999;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0;
}

.filter-section .checkbox_list li
{
  margin: 0;
  padding: 0;
  height: auto;
}

.optician-hours-vacation
{
  width: auto;
  margin: 10px auto 0;
  padding: 5px;
  background: #EEEEEE;
  text-align: center;
}

.optician-disclaimer-box
{
  position: relative;
  text-align: center;
  border: 1px solid #CCC;
  padding: 12px 15px;
}


#content .optician-disclaimer-box p
{
  margin: 0 0 30px;
  padding: 0;
}

.optician-disclaimer-box h2
{
  color: #FF6900;
  font-size: 1.4em;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 0;
}

#show-sector-popup
{
  display: block;
  float: right;
  text-align: right;
  margin-top: 3px;
  width: auto;
}

.filter-section .radio_list li
{
  width: 205px;
}

.line-separator
{
  clear: both;
  height: 2px;
  margin: 0 auto;
  width: 161px;
  background: url(../images/bg-info.gif) no-repeat;
  text-indent: -999px;
}

ul.send-page-by-email-form
{
  width: 300px;
  margin: 10px auto;
  text-align: center;
  list-style: none;
}

ul.send-page-by-email-form li
{
  width: 300px;
  margin: 5px 0;
}

ul.send-page-by-email-form li input[type="text"]
{
  width: 100%;
  border: 1px solid;
  border-color: #eceeef #bbbcbc #9b9b9b;
}


/* inner pages */
.side-search{padding:12px 0 0;}
.side-search .form-box{
  width:100%;
  overflow:hidden;
  margin:0 0 7px;
}
.side-search .form-box .input-txt{
  float:left;
  width:196px;
  padding:4px 5px 3px;
  margin:0;
  border:1px solid #e0e0e0;
  font-size:12px;
  color:#999;
}
.side-search .btn-search{
  float:right;
  background:url(../images/btn-search.gif) no-repeat;
  font-size:13px;
  line-height:22px;
  border:0;
  padding:0 0 2px;
  width:99px;
  height:22px;
  cursor:pointer;
}
.article-list{
  margin:0 0 -13px;
  padding:10px 0 0 4px;
  list-style:none;
  height:1%;
  overflow:hidden;
}
.archive{margin:0;}
.article-list li{margin:0 0 13px;}
.archive li{margin:0;}
.article-list li a{
  color:#999;
  background:url(../images/bullet-arrow.gif) no-repeat 0 5px;
  padding:0 0 0 10px;
}
.join-list{
  margin: 0;
  padding:10px 0 0;
  list-style:none;
  width:100%;
  overflow:hidden;
}
.join-list li{
  float:left;
  margin:0 12px 6px 0;
}
.join-list img{display:block;}
.newsletter{padding:15px 0 0;}
#sidebar .comments{
  margin: 0 0 -14px;
  padding:11px 0 0 4px;
  list-style:none;
  height:1%;
  overflow:hidden;
}
#sidebar .comments li{padding:0 0 6px;}
#sidebar .comments .ttl{
  display:block;
  color:#999;
}
.newsletter .form-box{
  width:100%;
  overflow:hidden;
  margin:0 0 11px;
}
.newsletter label{
  display:block;
  font-size:12px;
  color:#ff6900;
  margin:0 0 5px;
}
.newsletter .newsletter-txt{
  display:block;
  width:199px;
  background:url(../images/bg-input-txt.gif) no-repeat;
  overflow:hidden;
  padding:0 5px;
}
.newsletter .newsletter-txt input{
  float:left;
  width:199px;
  border:0;
  background:none;
  margin:0;
  padding:4px 0 3px;
  font-size:12px;
  color:#999;
}
.newsletter .notice{
  display:block;
  color:#999;
  font-size:0.916em;
  font-style:normal;
  margin:-8px 0 27px;
}
.newsletter .notice span{color:#ff6900;}
.newsletter .btn-register{
  display:block;
  width:151px;
  height:26px;
  background:url(../images/btn-register.gif) no-repeat;
  border:0;
  padding:0 0 2px;
  margin:0 auto;
  color:#fff;
  font-weight:bold;
  font-size:13px;
  cursor:pointer;
}
.tags{
  margin: 0;
  padding: 5px 11px 13px 3px;
  list-style:none;
  text-align:justify;
}
.tags li{
  display:inline;
  font-size:11px;
}
.tags .popular{font-size:1.25em;}
.tags .v-popular{font-size:1.666em;}
.tags .vv-popular{font-size:2.083em;}
.tags li a{color:#999;}
.headbox{
  background:url(../images/sep-headbox.gif) repeat-x 0 100%;
  padding:0 0 16px;
  margin:0 0 12px;
}
#twocolumns #content .block  .headbox h2{
  font-size:1.166em;
  margin:0;
}
.article{
  width:100%;
  color:#666;
  border-bottom:1px solid #d7d5d5;
  padding:0 0 24px;
  margin:0 0 27px;
}
.article:after{
  display:block;
  clear:both;
  content:"";
}
.single-article{
  border:0;
  margin:0;
  padding:0 0 14px;
}
.article .text{margin:0 0 13px;}
#content .article .text p{margin:0;}
.article .author{
  display:block;
  color:#676767;
  margin:0 0 13px;
}
.article .author a{
  color:#676767;
  font-weight:bold;
}
.article a{text-decoration:none;}
.article a:hover{text-decoration:underline;}
.opinions{
  width:100%;
  overflow:hidden;
  padding:13px 0 0;
  margin:0 0 24px;
}
.opinions .opinion{
  width:100%;
  overflow:hidden;
  color:#666;
  margin:0 0 14px;
}
.article-info{
  width:100%;
  overflow:hidden;
  padding:24px 0 0;
}
.article-info .share{margin:0 0 9px;}
.article-info .share img{display:block;}
.article-info .area{
  width:100%;
  overflow:hidden;
}
.lnk-comments{
  float:right;
  font-size:0.916em;
  font-style:italic;
  background:url(../images/ico-comments.gif) no-repeat;
  padding:0 0 0 21px;
  color:#999;
  text-decoration:none;
}
.lnk-comments:hover{text-decoration:underline;}
.article-info .date{
  display:block;
  font-size:0.916em;
  color:#999;
}
#content .opinion p{margin:0;}
.article .img-r{
  float:right;
  margin:5px -7px 0 5px;
}
.article .img-l{
  float:left;
  margin:5px 5px 0 0;
}
.article .img img,
.article .img-l img,
.article .img-r img{display:block;}
.article .img img{margin:0 auto;}
.copy{
  width:100%;
  overflow:hidden;
  font-size:11px;
  text-align:center;
  margin:0 0 -14px;
  clear:both;
}
.copy p{margin:0;}
.copy a{color:#ff6900;}
.invisible{
  position:absolute;
  top:-9999px;
  left:-9999px;
}
.more-articles{
  width:100%;
  overflow:hidden;
  background:url(../images/sep-headbox.gif) repeat-x;
  margin:6px 0 26px;
  padding:11px 0 0;
}
.more-articles .ttl{
  display:block;
  margin:0 0 13px;
  font-weight:normal;
}
.more-articles ul{
  margin: 0;
  padding: 0;
  list-style:none;
}
.more-articles ul li{font-size:12px;}
.more-articles ul li a{
  color:#ff6900;
  text-decoration:underline;
}
.more-articles ul li a:hover{text-decoration:none;}
#content .comments{
  width:100%;
  overflow:hidden;
}
#content .comments .lnk-box{
  width:100%;
  overflow:hidden;
  margin:0 0 20px;
  border-bottom:1px solid #d7d5d5;
  padding:0 0 4px;
}
.lnk-box .lnk-comments{float:left;}
.comment{
  width:100%;
  overflow:hidden;
  border-bottom:1px solid #d7d5d5;
  margin:0 0 11px;
  color:#999;
}
.comment .user{
  display:block;
  font-style:normal;
  font-size:12px;
  color:#676767;
}
.comment .user a{color:#ff6900;}
.send-comment{
  width:100%;
  overflow:hidden;
  padding:5px 0 0;
}
.send-comment .form-box{
  width:100%;
  overflow:hidden;
  padding:21px 0 0;
}
.send-comment label{
  float:left;
  width:95px;
  text-align:right;
  margin:4px 14px 0 0;
  color:#ff6900;
}
.send-comment .input-txt{
  float:left;
  width:199px;
  background:url(../images/bg-input-txt.gif) no-repeat;
  padding:0 5px;
}
.send-comment .input-txt input{
  float:left;
  width:199px;
  border:0;
  background:none;
  margin:0;
  padding:4px 0 3px;
  font-size:12px;
  color:#999;
}
.send-comment .notice{
  display:block;
  font-size:11px;
  color:#ff6900;
  text-align:right;
  font-style:normal;
  padding:2px 93px 0 0;
}
.send-comment .message{padding:0;}
.send-comment .message label{
  width:auto;
  float:none;
  display:block;
  text-align:left;
  margin-bottom:2px;
}
#main .send-comment .textarea{
  width:395px;
  height:99px;
  padding:1px 1px 1px 4px;
  background:url(../images/bg-textarea.gif) no-repeat;
}
.send-comment .message textarea{
  float:left;
  width:395px;
  height:99px;
  border:0;
  margin:0;
  padding:0;
  font-size:12px;
  color:#999;
  overflow:auto;
  background:none;
}
.send-comment .send{padding:10px 0 0;}
.send-comment .btn-send{
  float:left;
  background:url(../images/btn-send.gif) no-repeat;
  width:86px;
  height:26px;
  font-size:12px;
  line-height:26px;
  border:0;
  color:#fff;
  margin:0;
  padding:0 0 2px;
  font-weight:bold;
  letter-spacing:1px;
  cursor:pointer;
}
.heading-results{
  display:block;
  background:url(../images/bg-results.gif) no-repeat;
  width:151px;
  height:97px;
  text-indent:-9999px;
  overflow:hidden;
  margin:0 0 0 -8px;
}
.result-box{background: url(../images/bg-box-grey.gif) repeat-y;}
.result-box .t{background: url(../images/bg-box-grey-t.gif) no-repeat;}
.result-box .b{
  background: url(../images/bg-box-grey-b.gif) no-repeat 0 100%;
  padding:8px 17px 29px 22px;

}
.result-box p{font-size:1.083em;}
.results-list{
  margin: 0;
  padding:17px 0 0;
  list-style:none;
  height:1%;
  overflow:hidden;
}
.results-list li{
  margin:0 0 1px;
  font-size:1.083em;
}
.results-list li a{
  display:block;
  height:1%;
  background:#e6e6e6 url(../images/bullet-circle.gif) no-repeat 8px 10px;
  padding:4px 22px;
  color:#666;
}
.results-list li a:hover, .results-list li a#active{
  background:#ff6900 url(../images/bullet-circle-white.gif) no-repeat 8px 10px;
  color:#fff;
  text-decoration:underline;
}
.advertise .b{padding:3px 4px 6px 3px;}
.advertise img{display:block;}
.search-result{
  width:367px;
  overflow:hidden;
  background:url(../images/bg-research-result.gif) repeat-y;
  margin:13px auto 10px;
}
.search-result .search-result-t{background:url(../images/bg-research-result-t.gif) no-repeat;}
.search-result .search-result-b{
  background:url(../images/bg-research-result-b.gif) no-repeat 0 100%;
  height:1%;
  overflow:hidden;
  padding:9px 0;
}
.search-result dl{
  margin:0;
  font-size:16px;
  color:#666;
  text-align:center;
}
.search-result dd{margin:1px 0 0;}
.search-result dl em{
  font-size:20px;
  font-weight:bold;
}
.result-list{
  width:432px;
  overflow:hidden;
  margin: 0 0 13px -10px;
  padding: 0;
  list-style:none;
  position:relative;
}
.result-list li{
  float:left;
  border:1px solid #a6a6a6;
  width:139px;
  margin: 2px 2px 2px 0;
}
.result-list li a{
  display:block;
  text-decoration:none;
  padding:5px 4px 3px;
  height:1%;
}
.result-list .name{
  display:block;
  color:#666;
  font-size:12px;
  margin:0 0 8px;
}
.result-list img{display:block;}
.result-list .model{
  display:block;
  color:#999;
  font-size:11px;
}
.more{
  text-align:right;
  font-size:1.083em;
  font-weight:bold;
}
.searchlist .img-l{
  float:left;
  margin:0 8px 0 0;
}
* html .searchlist .img-l{margin:0 5px 0 0;}
.searchlist .text{
  height:1%;
  overflow:hidden;
}
.searchlist .text .ttl{
  display:block;
  font-size:13px;
  color:#666;
}
#content .searchlist .text p{margin:0;}
.searchlist .more{
  font-weight:normal;
  font-size:1em;
}
#twocolumns #content .orange h2{
  font-size:16px;
  color:#ff6900;
}
.products-area{
  height:1%;
  overflow:hidden;
  padding:10px 19px 11px 18px;
}
.product-box{
  width:657px;
  float:left;
}
.headline{
  height:1%;
  overflow:hidden;
  padding:0 12px 0 5px;
  margin:0 0 15px;
}
.headline .section{
  float:left;
  margin:0 13px 0 0;
}
.headline .serial{
  font-style:normal;
  font-size:1.166em;
  color:#666;
  display:block;
}
.headline h1{
  font-size:1.5em;
  margin:4px 0 0;
  color:#666;
}
.gender{
  float:left;
  margin:0 0 0;
  padding: 0;
  list-style:none;
}
.gender li{float:left;}
.gender li {
  display:block;
  padding:1px;
}
.gender li.active{
  padding:0;
  border:1px solid #fdc8a3;
}
.gender img{display:block;}
.headline .price{
  float:right;
  text-align:right;
}
.headline .price dl{
  margin:0;
  font-size:1.5em;
  color:#ff6a00;
  text-transform:uppercase;
}
.headline .price dt{display:inline;}
.headline .price dd{
  display:inline;
  margin:0;
}
.headline .price {color:#ff6a00;}
.product-tabs{
  margin:0;
  padding: 0;
  list-style:none;
  width:500px;
  overflow:hidden;
  position:relative;
}
.product-tabs li{
  float:left;
  font-size:14px;
  line-height:25px;
  font-weight:bold;
}
.product-tabs li a{
  float:left;
  color:#666;
  background:url(../images/btn-tab.gif) no-repeat 0 -25px;
  padding:0 0 0 16px;
  text-decoration:none;
}
.product-tabs li span{
  float:left;
  background:url(../images/btn-tab.gif) no-repeat 100% -25px;
  padding:0 20px 0 0;
  height:25px;
  overflow:hidden;
  cursor:pointer;
}
.product-tabs a:hover,
.product-tabs a.active{background-position:0 0;}
.product-tabs a:hover span,
.product-tabs a.active span{background-position:100% 0;}
.product-cont{
  background:url(../images/bg-product.gif) repeat-y;
  margin:-1px 0 21px;
  overflow:hidden;
  width:100%;
}
.product-cont-t{background:url(../images/bg-product-t.gif) no-repeat;}
.product-cont-b{
  background:url(../images/bg-product-b.gif) no-repeat 0 100%;
  overflow:hidden;
  padding:7px 17px 24px;
  position:relative;
}
* html .product-cont-b{
  height:1%;
  overflow:visible;
}
.product-cont .img{
  width:630px;
  height:342px;
  background:url(../images/bg-disabled-img.gif) no-repeat 50% 50%;
  margin:0 0 0 -7px;
}
.product-cont .img img{
  display:block;
  margin: 0 auto;
}
.product-cont .prod-logo{
  position:absolute;
  top:7px;
  left:11px;
}
.product-cont .lnk-glass{
  position:absolute;
  top:1px;
  right:10px;
  background:url(../images/ico-glass.gif) no-repeat;
  width:24px;
  height:24px;
  text-indent:-9999px;
  overflow:hidden;
  z-index:1;
}
* html .product-cont .lnk-glass{right:9px;}
.product-cont .new{
  background:url(../images/bg-new.gif) no-repeat;
  position:absolute;
  top:0;
  right:4px;
  width:98px;
  height:78px;
  text-indent:-9999px;
  overflow:hidden;
}
* html .product-cont .new{right:3px;}
.product-cont .thumbs{
  width:100%;
  overflow:hidden;
  position:relative;
}
.product-cont .thumbs .frame{
  position:relative;
  left:50%;
  float:left;
  text-align:center;
}
.product-cont .thumbs ul{
  float:left;
  position:relative;
  left:-50%;
  margin: 0;
  padding: 0;
  list-style:none;
}
.product-cont .thumbs li{
  float:left;
  padding:0 5px 0 6px;
}
.product-cont .thumbs img{
  display:block;
  border:1px solid #e1e1e1;
}
.product-cont .prod-tab{
  min-height:388px;
  overflow:hidden;
}
* html .product-cont .prod-tab{
  height:388px;
  overflow:visible;
}
.product-cont .title{
  display:block;
  font-size:14px;
  color:#ff6900;
  margin:0 0 10px;
}
.product-cont .text{
  padding:6px 0 0;
  overflow:hidden;
}
* html .product-cont .text{
  height:1%;
  overflow:visible;
}
.product-cont p{margin:0 0 17px;}
.product-cont .text p a{color:#666;}
.product-cont .text ul{
  margin: 0 0 23px;
  padding: 0;
  list-style:none;
  width:100%;
  overflow:hidden;
}
.product-cont .description{
  width:100%;
  overflow:hidden;
}
.product-cont .features{
  float:left;
  width:296px;
}
.product-cont .features dl{
  margin:0;
  font-size:12px;frame-info
  line-height:14px;
}
.product-cont .features dt{
  display:inline;
}
.product-cont .features dd{
  display:inline;
  margin:0;
}
.product-cont .features  p{
  margin:0;
  font-size:12px;
  line-height:14px;
}
.product-cont .sizes{
  width:307px;
  float:right;
  margin:0 20px 0 0;
  display:inline;
}
.product-cont .description table{
  width:100%;
  border:0;
  border-collapse:collapse;
  margin:0 0 14px;
}
.product-cont .description table td,
.product-cont .description table th{
  border:1px solid #e7e7e7;
  font-weight:bold;
  text-align:center;
  padding:5px 0 1px;
}
.product-cont .description table th{
  text-align:left;
  color:#ff6900;
  line-height:14px;
  padding:0;
}
.product-cont .description table th img{display:block;}
.product-cont .description table th:first-child{padding-left:9px;}
.product-cont .description table td:first-child{
  padding-left:24px;
  text-align:left;
}
.product-cont .faq{
  width:100%;
  overflow:hidden;
}
.product-cont .faq a{
  float:left;
  background:url(../images/ico-faq.gif) no-repeat;
  padding:3px 0 5px 31px;
}
.other-products-area{
  height:1%;
  overflow:hidden;
  padding:0 0 0 4px;
}
.other-products-area h2{
  font-size:1.166em;
  color:#ff6900;
  margin:0 0 8px 5px;
}
.other-products{background:url(../images/bg-other-products.gif) repeat-y;}
.other-products-t{background:url(../images/bg-other-products-t.gif) no-repeat;}
.other-products-b{
  background:url(../images/bg-other-products-b.gif) no-repeat 0 100%;
  height:1%;
  overflow:hidden;
  padding:11px 0 16px 18px;
}
.other-products .btn-prev{
  float:left;
  background:url(../images/btn-prev.gif) no-repeat;
  width:15px;
  height:52px;
  text-indent:-9999px;
  overflow:hidden;
  margin:7px 6px 0 0;
}
.other-products .btn-next{
  float:left;
  background:url(../images/btn-next.gif) no-repeat;
  width:15px;
  height:52px;
  text-indent:-9999px;
  overflow:hidden;
  margin:7px 0 0;
}
.other-products .mask{
  width:580px;
  float:left;
  overflow:hidden;
  margin:0 5px 0 0;
}
.other-products ul{
  width:99999px;
  overflow:hidden;
  margin: 0;
  padding: 0;
  list-style:none;
}
.other-products ul li{
  width:150px;
  float:left;
  padding:0 11px 0 0;
}
.other-products img{display:block;}
/* fitting */
.fitting{
  float:right;
  width:283px;
  float:right;
}
.fitting-box{
  background:url(../images/bg-fitting.gif) repeat-y;
  font-size:1.083em;
  margin:5px 0 20px;
}
.fitting-box .top{background:url(../images/bg-fitting-t.gif) no-repeat;}
.fitting-box .bottom{
  background:url(../images/bg-fitting-b.gif) no-repeat 0 100%;
  min-height:471px;
  padding:9px 8px 9px 11px;
}
* html .fitting-box .bottom{
  height:471px;
  overflow:visible;
}
.fitting-box .text{
  background:url(../images/bg-fitting-text.gif) repeat-y;
  width:263px;
}
.fitting-box .text .t{background:url(../images/bg-fitting-text-t.gif) no-repeat;}
.fitting-box .text .b{
  background:url(../images/bg-fitting-text-b.gif) no-repeat 0 100%;
  overflow:hidden;
  padding:5px 5px 7px;
  text-align:center;
}
* html .fitting-box .text .b{
  height:1%;
  overflow:visible;
}
.fitting-box .text p{margin:0;}
.fitting-box .flash-box{
  width:100%;
}
.fitting-box .flash-box img{display:block;}
.add-box{
  width:100%;
  overflow:hidden;
}
.add-box .btn-add{
  display:block;
  background:url(../images/btn-add.gif) no-repeat;
  width:237px;
  height:36px;
  margin:0 auto 18px;
  color:#fff;
  font-size:18px;
  line-height:36px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
}
.add-box ul{
  margin: 0;
  padding: 0;
  list-style:none;
}
.add-box ul li{
  text-align:center;
  margin:0 0 3px;
}
/* propositions */
.propositions{
  height:1%;
  overflow:hidden;
  padding:0 8px 0 20px;
  margin:0 0 20px;
}
.glasses{
  background:url(../images/bg-glasses.gif) repeat-y;
  width:354px;
  float:left;
}
.glasses-t{background:url(../images/bg-glasses-t.gif) no-repeat;}
.glasses-b{
  background:url(../images/bg-glasses-b.gif) no-repeat 0 100%;
  min-height:390px;
  overflow:hidden;
  padding:14px 18px 5px 17px;
}
* html .glasses-b{
  height:390px;
  overflow:visible;
}
.glasses .correction{overflow:hidden;}
* html .glasses .correction{
  height:1%;
  overflow:visible;
}
.glasses h3{
  font-size:1.333em;
  color:#ff6900;
  text-transform:uppercase;
  margin:0 0 19px;
}
.glasses p{margin:0 0 19px;}
.glasses .title{
  display:block;
  font-size:14px;
  margin:0 0 21px;
  color:#ff6900;
}
.glasses .row{
  width:337px;
  overflow:hidden;
  position:relative;
  margin:0 0 16px;
  height:auto;
}
.glasses .eye{
  float:left;
  width:60px;
  margin:0 6px 0 7px;
  color:#666;
  font-size:14px;
  line-height:14px;
}
.glasses .section{
  float:left;
  width:43px;
  margin:0 23px 0 0;
}
.glasses .section label{
  display:block;
  font-size:11px;
  text-align:center;
  color:#666;
}
.glasses .row-first .eye{margin-top:11px;}
.glasses .section .input-txt{
  display:block;
  width:37px;
  background:url(../images/bg-input-correction.gif) no-repeat;
  overflow:hidden;
  padding:0 3px;
}
.glasses .section .input-txt input{
  float:left;
  width:37px;
  border:0;
  background:none;
  padding:5px 0;
  margin:0;
  color:#999;
}
.glasses .notice{
  display:block;
  text-align:right;
  font-size:0.916em;
  font-style:normal;
  margin:-6px 0 0;
}
.glasses .faq{
  height:1%;
  overflow:hidden;
  padding:0 7px;
  margin:0 0 31px;
}
.glasses .faq a{
  float:left;
  background:url(../images/ico-faq.gif) no-repeat;
  padding:3px 0 5px 31px;
  color:#999;
}
.glasses .btn-valider{
  float:left;
  margin:0 0 0 118px;
  display:inline;
  width:93px;
  height:25px;
  background:url(../images/btn-valider2.gif) no-repeat;
  border:0;
  color:#fff;
  font-size:18px;
  line-height:25px;
  padding:0 0 2px;
  cursor:pointer;
}
/* address box */
.address{
  width:596px;
  float:right;
  background:url(../images/bg-address-box.gif) repeat-y;
}
.address .top{background:url(../images/bg-address-box-t.gif) no-repeat;}
.address .bottom{
  background:url(../images/bg-address-box-b.gif) no-repeat 0 100%;
  min-height:383px;
  overflow:hidden;
  padding:16px 18px 10px 20px;
}
* html .address .bottom{
  height:383px;
  overflow:visible;
}
.address h3{
  font-size:1.333em;
  margin:0 0 9px;
  color:#ff6900;
  text-transform:uppercase;
}
.address .search-form{margin:0 auto 11px;}
.address-area{
  overflow:hidden;
  padding:0 0 0 11px;
}
* html .address-area{
  height:1%;
  overflow:visible;
}
.address-area .address-hold{
  float:left;
  width:225px;
  padding:11px 0 0;
}
.address-area .address-box{
  width:100%;
  overflow:hidden;
  margin:0 0 15px;
}
.address-area .title{
  display:block;
  font-size:1.166em;
  color:#666;
}
.address-area address{font-style:normal;}
.address-area address span{display:block;}
.address-area dl{
  margin:0;
  font-style:italic;
}
.address-area dt{display:inline;}
.address-area dd{
  display:inline;
  margin:0;
}
* html .address-area dd{margin:0 0 0 -3px;}
.address-area .map{
  width:304px;
  float:right;
}
.address-area .map img{display:block;}
/* new products area */
.new-products-area{
  height:1%;
  overflow:hidden;
  padding:0 16px;
}
.new-products-area h3{
  font-size:1.166em;
  color:#ff6900;
  margin:0 0 10px 11px;
}
.new-products{
  background:url(../images/bg-new-products.gif) repeat-y;
  margin:-1px 0 0;
}
.new-products .top{background:url(../images/bg-new-products-t.gif) no-repeat;}
.new-products .bottom{
  background:url(../images/bg-new-products-b.gif) no-repeat 0 100%;
  height:1%;
  overflow:hidden;
  padding:18px 0 15px 29px;
}
.new-products ul{
  width:100%;
  overflow:hidden;
  margin: 0 0 12px;
  padding: 0;
  list-style:none;
}
.new-products ul li{
  float:left;
  width:162px;
  margin:0 24px 10px 0;
}
.new-products ul li a{
  display:block;
  border:1px solid #f1f1f1;
  text-decoration:none;
  padding:7px 0 8px 14px;
}
.new-products ul strong{
  display:block;
  font-size:14px;
  color:#666;
  margin:0 0 4px;
  letter-spacing:-1px;
}
.new-products ul em{
  display:block;
  font-size:12px;
  color:#bfbfbf;
  font-style:normal;
  margin:0 0 3px;
}
.new-products ul span{
  display:block;
  font-size:12px;
  color:#999;
}
.new-products img{
  display:block;
  margin:0 0 5px -8px;
  position:relative;
}
.new-products .more{
  font-size:1em;
  font-weight:normal;
  padding:9px 32px 0 0;
}
/* identification page */
.identification{
  width:720px;
  overflow:hidden;
  background:url(../images/bg-identification.gif) repeat-y;
  margin:11px auto 0;
}
.identification-t{background:url(../images/bg-identification-t.gif) no-repeat;}
.identification-b{
  background:url(../images/bg-identification-b.gif) no-repeat 0 100%;
  height:1%;
  overflow:hidden;
  padding:9px 9px 11px 12px;
}
.identification h1{
  font-size:18px;
  color:#666;
  margin:0 0 25px;
  text-transform:uppercase;
}
.id-area{width:100%;}
.id-area:after{
  display:block;
  clear:both;
  content:"";
}
.id-side{
  width:265px;
  float:left;
}

/**
 * Style pour le formulaire de allolunettes "non brandé"
 */

form.id-side{
  width:265px;
  margin: 0 auto;
  float: none;
}
.login, .account
{
  text-align: center;
}

.account{background:url(../images/bg-account.gif) repeat-y;}
.account .top{background:url(../images/bg-account-t.gif) no-repeat;}

.account .bottom
{
  background: url(../images/bg-account-b.gif) no-repeat 0 100%;
  /*min-height: 93px;*/
  overflow: hidden;
  padding: 25px 0 10px;
}

* html .account .bottom{
  height:93px;
  overflow:visible;
}

.account h2
{
  font-size: 1.333em;
  color: #aaa;
  margin: 0 0 30px;
}

.account .notice
{
  display: block;
  font-size: 0.916em;
  font-style: normal;
  margin: 2px 0 20px;
}

.login{background:url(../images/bg-login.gif) repeat-y;}
.login .top{background:url(../images/bg-login-t.gif) no-repeat;}
.login .bottom{
  background:url(../images/bg-login-b.gif) no-repeat 0 100%;
  /*min-height: 231px;*/
  overflow:hidden;
  padding: 25px 10px 35px 5px;
}

* html .login .bottom{
  height:271px;
  overflow:visible;
}

.login h2
{
  font-size: 1.333em;
  color: #aaa;
  margin: 0 0 25px;
}

.login .form{
  width:100%;
  overflow:hidden;
}
.login .form-box{
  width:100%;
  overflow:hidden;
  text-align:right;
  margin:0 0 8px;
}
.login .form label{
  float:left;
  width:80px;
  font-size:13px;
  color:#ff6900;
  margin:0 8px 0 0;
}

.login .form .txt-input
{
  float: left;
  width: 154px;
}

.login .lnk-password{margin: -5px 0 35px;}
.login .lnk-password a{margin:0 5px 0 0;}
.login .form-box a{
  font-size:0.916em;
  color:#999;
}
.login .facebook{
  background:url(../images/sep-login.gif) no-repeat 50% 0;
  text-align:center;
  padding:12px 0 10px;
}
.login .facebook p{margin:0 0 2px;}
.login .facebook .btn-facebook{
  margin:10px auto 0;
  display:block;
  width:107px;
}
.login .facebook .btn-facebook img{display:block;}

.id-cont
{
  float: left;
  width: 422px;
  margin-left: 8px;
}
.optician{
  background:url(../images/bg-optician.gif) repeat-y;
  position:relative;
  margin:0 0 6px;
  width:427px;
}
.creation .optician{
  float:right;
  margin:-47px 0 -6px;
}
.optician .top{background:url(../images/bg-optician-t.gif) no-repeat;}
.optician .bottom{
  background:url(../images/bg-optician-b.gif) no-repeat 0 100%;
  min-height:93px;
  overflow:hidden;
  padding:16px 10px 5px 187px;
}
* html .optician .bottom{
  height:93px;
  overflow:visible;
}
.optician .title{
  display:block;
  font-size:1.333em;
  color:#ff6900;
  margin:0 0 4px;
}
.optician p{margin:0 0 6px;}
.optician .more{
  font-size:1em;
  padding:0 12px 0 0;
}
.optician .img{
  position:absolute;
  left:2px;
  bottom:1px;
  width:200px;
}
* html .optician .img{bottom:0;}
.optician .img img{display:block;}
.flash{
  width:100%;
  overflow:hidden;
}
.flash img{display:block;}
.lost{
  overflow:hidden;
  padding:65px 0 40px 31px;
}
* html .lost{
  height:1%;
  overflow:visible;
}
.lost h1{
  font-size:1.5em;
  color:#666;
  margin:0 0 30px;
}
.lost .text{
  height:1%;
  overflow:hidden;
  margin:0 225px 12px 0;
}
.lost .title{
  display:block;
  margin:0 0 19px;
}
.lost ul{
  margin: 0 0 0 67px;
  padding: 0;
  list-style:none;
}
.lost ul li{
  background:url(../images/bullet-circle-grey.gif) no-repeat 0 5px;
  padding:0 0 17px 8px;
}
.lost h2{
  font-size:14px;
  margin:0 0 16px;
  color:#666;
}
.page-lost{
  background:#fafafa url(../images/bg-page-lost.jpg) no-repeat 100% 100%;
  padding-bottom:3px;
}
#sidebar .heading-error{
  font-size:14px;
  color:#ff6900;
  margin:0 0 23px;
  text-align:left;
  background:url(../images/ico-error.gif) no-repeat 50% 100%;
  padding:0 0 42px;
}
.heading-error span{font-size:30px;}
.lnk-home{width:100%;}
.lnk-home:after{
  display:block;
  clear:both;
  content:"";
}
.lnk-home a{
  border:solid #dcdcdc;
  border-width:1px 1px 0 0;
  float:left;
  margin:0 0 -10px -13px;
  position:relative;
}
.lnk-home img{display:block;}
.side-box{
  width:100%;
  overflow:hidden;
  margin:0 0 13px;
}
.side-box .title{
  display:block;
  color:#666;
}
.side-box ul{
  margin: 0 0 0 35px;
  padding: 0;
  list-style:none;
}
.side-box ul li a{color:#999;}
.page-lost #sidebar h2{margin:0 0 32px;}
/* account creation page */
.creation{
  width:989px;
  margin:9px auto 0;
  position:relative;
}

.creation-b{
  height:1%;
  overflow:hidden;
  padding:19px 15px 45px 15px;
}
.creation .back{margin:0 0 44px;}
.creation .back a{
  font-size:13px;
  color:#999;
  text-decoration:none;
}
.creation .back a:hover{text-decoration:underline;}
.creation h1{
  font-size:1.666em;
  color:#666;
  margin:0 0 36px 177px;
  text-transform:uppercase;
}
.creation .form{
  width:100%;
  overflow:hidden;
  margin:0 0 9px;
}
.creation .form-hold{width:100%;}
.creation .form-hold:after{
  display:block;
  clear:both;
  content:"";
}

.creation .form-section{
  width:520px;
  float:left;
  margin:0 25px 0 0;
}

.creation .form-section-large
{
  width: 917px;
}

.creation  .info-section{
  margin:-19px 25px 0 0;
  position:relative;
}
.creation .form-area{
  width:100%;
  overflow:hidden;
  margin:0 0 12px;
}
.creation .form h2{
  width:304px;
  border-bottom:1px solid #e0e0e0;
  margin:0 0 10px 181px;
  padding:0 0 3px;
  font-size:1.333em;
  text-transform:uppercase;
}
.creation .form-box{
  height:1%;
  overflow:hidden;
  margin:0 0 8px;
  position: relative;
}
.creation .right-box{padding:0 0 0 182px;}
.creation label,
.creation .txt{
  float:left;
  width:182px;
  margin:2px 5px 0 0;
  text-align:right;
  font-size:13px;
  color:#ff6900;
  font-weight:normal;
}
.creation .txt-input
{
  width: 166px;
}

.input-txt-error input
{
  width: 164px;
  color: #999999;
}

.creation .input-txt input{
  float:left;
  width:161px;
  background:none;
  border:0;
  padding:4px 0 3px;
  margin:0;
  color:#999;
  font-size:12px;
}
.creation .input-mail{
  background:url(../images/bg-input-mail.gif) no-repeat;
  width:247px;
}
.creation .input-mail input{width:247px;}
.creation .radio-box,
.creation .checkbox{
  float:left;
  margin:0 17px 0 0;
}
.creation .checkbox{margin:0 0 9px;}
.creation .radio-box label,
.creation .checkbox label{
  float:left;
  width:auto;
  margin:0;
  text-align:left;
  color:#666;
}
.creation .radio-box input,
.creation .checkbox input{
  width:13px;
  height:13px;
  margin:2px 6px 0 0;
  float:left;
  padding:0;
}
.creation select{
  float:left;
  margin:0 5px 0 0;
  color:#999;
}
.creation .select-date{width:43px;}
.creation .select-country{width:167px;}
.creation .notice{
  display:block;
  border-top:1px solid #e0e0e0;
  padding:16px 0 9px;
  font-style:normal;
}
.creation .notice span{color:#ff6900;}
.jqmWindow .btn-valider,
.creation .btn-valider{
  background:url(../images/btn-valider3.gif) no-repeat;
  width:84px;
  height:26px;
  padding:0 0 2px;
  margin:0;
  color:#fff;
  font-weight:bold;
  font-size:13px;
  border:0;
  cursor:pointer;
}
.creation .description-box{
  width:410px;
  float:left;
  background:url(../images/bg-descript.gif) no-repeat 6px 100%;
  margin:35px 0 0;
  color:#666;
}
.creation .description-box .area{background:url(../images/bg-descript-area.gif) repeat-y 6px 0;}
.creation .description-box .bg-arrow{
  height:1%;
  overflow:hidden;
  background:url(../images/bg-arrow-descript.gif) no-repeat 0 50%;
  padding:3px 0 0 18px;
}
.creation .description-box p{margin:0 0 14px;}
.creation .description-box ul{
  margin:0 0 14px 36px;
  padding: 0;
  list-style:none;
}
.cnil{
  height:1%;
  overflow:hidden;
  padding:0 0 0 180px;
}
.cnil .logo-cnil{
  float:left;
  background:url(../images/logo-cnil.gif) no-repeat;
  width:128px;
  height:103px;
  text-indent:-9999px;
  overflow:hidden;
  margin:0 13px 0 0;
}
.cnil .logo-cnil a{
  display:block;
  height:100%;
}
.cnil .message-box{
  float:left;
  background:url(../images/bg-message.gif) repeat-y;
  width:591px;
  color:#666;
  text-align:justify;
}
.cnil .message-box .top{background:url(../images/bg-message-t.gif) no-repeat;}
.cnil .message-box .bottom{
  background:url(../images/bg-message-b.gif) no-repeat 0 100%;
  min-height:87px;
  overflow:hidden;
  padding:10px 14px 10px 18px;
}
* html .cnil .message-box .bottom{
  height:87px;
  overflow:visible;
}
.cnil .message-box .title{display:block;}
.cnil .message-box p{margin:0;}




/**
 * Frame Filter
 */
#frame_filter_page.page
{
  background: #F4F4F4;
  padding: 10px;
}

#filters
{
  float: left;
  width: 258px;
  margin-right: 20px;
}

#results
{
  float: left;
  width: 700px;
}

#filters .optician-box
{
  margin: 0 0 10px;
}

#filters .optician-box h2,
.jqmWindowPriceCategories h2
{
  font-size: 1.4em;
  color: #FF6900;
  margin: 0;
  padding: 0;
}

.price-categories
{
  width: 174px;
  margin: 24px auto 12px;
  padding: 18px 0 0;
  background: url(../images/sliders/slider-price-categories.png) no-repeat center 18px;
}

.price-categories ul
{
  list-style: none;
  margin: 0 0 0 2px;
  padding: 0;
}

.price-categories ul li
{
  float: left;
  width: 28px;
  height: 17px;
  margin: 20px 0 0;
  padding: 1px 0 0;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
}

.price-categories ul li.a, .jqmWindowPriceCategories ul li.a div {background-color: #E6E3E3;}
.price-categories ul li.b, .jqmWindowPriceCategories ul li.b div {background-color: #DCD9D9;}
.price-categories ul li.c, .jqmWindowPriceCategories ul li.c div {background-color: #CECCCC;}
.price-categories ul li.d, .jqmWindowPriceCategories ul li.d div {background-color: #FF8400;}
.price-categories ul li.e, .jqmWindowPriceCategories ul li.e div {background-color: #FF6900;}
.price-categories ul li.f, .jqmWindowPriceCategories ul li.f div {background-color: #FF5400;}

#price-slider
{
  width: 168px;
  padding: 0;
  margin: 0 auto;
}

#price-slider .ui-slider-handle
{
  margin: -18px 0 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
  white-space: nowrap;
  height: 28px;
  width: auto;
  text-align: center;
}

#price-slider .ui-slider-handle a
{
  height: 21px;
  margin: 0;
  padding: 0 5px 0 0;
  background: url(../images/sliders/handle-price-categories.png) no-repeat 100% 100%;
  cursor: move;
  display: block;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
}

#price-slider .ui-slider-handle a span
{
  height: 19px;
  margin: 0;
  padding: 2px 2px 0 7px;
  background: url(../images/sliders/handle-price-categories.png) no-repeat 0 0;
  display: block;
  color: #FFF;
  font-weight: bold;
}

#price-slider .ui-slider-handle .arrow
{
  position: relative;
  top: -2px;
  width: inherit;
  *width: 9px;
  height: 8px;
  text-indent: -9999px;
  background: url(../images/sliders/arrow-price-categories.gif) no-repeat 50% 0;
}

.jqmWindowPriceCategories ul
{
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}

.jqmWindowPriceCategories ul li
{
  clear: both;
  margin: 0 0 10px;
}

.jqmWindowPriceCategories ul li div
{
  float: left;
  width: 28px;
  height: 17px;
  margin: 0 10px 0 0;
  padding: 1px 0 0;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
}

#results .heading
{
  width: 100%;
  position: relative;
}

#results .heading h1
{
  color: #666;
  font-size: 1.6em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

#results .heading p
{
  color: #666;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#results .heading #sort-form
{
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}

#results .heading #sort-form .left
{
  width: auto;
  float: right;
}

#results .heading #sort-form .right
{
  width: 92px;
  float: right;
}

#results .heading #sort-form label
{
  color: #FC7A1F;
  font-size: 1.2em;
  margin-left: 5px;
}

#results .heading #sort-form div.display
{
  margin: 0 2px;
  display: block;
  float: left;
  width: 40px;
  height: 20px;
  border: 1px solid #F4F4F4;
  text-indent: -9999px;
}

#results .heading #sort-form div.display:hover,
#results .heading #sort-form div.display.active
{
  background-color: transparent;
  border: 1px solid #D4D4D4;
}

#results .heading #sort-form .display-angle-view
{
  background: #FFF url(../images/icons/frame-angle-view.gif) no-repeat 0 0 ;
}

#results .heading #sort-form .display-front-view
{
  background: #FFF url(../images/icons/frame-front-view.gif) no-repeat 0 0 ;
}
#results .frame-list
{
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}

#results .frame-list li
{
  display: block;
  float: left;
  width: 130px;
  height: 120px;
  border: 1px solid #F1F1F1;
  background: #FFF;
  margin: 0 15px 15px 0;
  padding: 10px 15px;
  position: relative;
}

#results .frame-list li:hover
{
  border: 1px solid #CECCCC;
}

#results .frame-list li.nomargin
{
  margin-right: 0;
}

#results .frame-list li .new
{
  text-indent: -9999px;
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 50px;
  background: url(../images/icons/new.gif) no-repeat 100% 0;
}

#results .frame-list li h3,
#results .frame-list li h4,
#results .frame-list li h5
{
  font-size: 1em;
  margin: 2px 0;
  padding: 0;
  font-weight: normal;
}

#results .frame-list li h3
{
  font-size: 1.2em;
  font-weight: bold;
  color: #666;
  margin: 0;
}

#results .frame-list li h4
{
  color: #999;
}

#results .frame-list li h5
{
  color: #BFBFBF;
}

#results .frame-list li table,
#results .frame-list li table tr,
#results .frame-list li table td
{
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  height: 70px;
}

#results .frame-list li a
{
  display: block;
  text-align: center;
}

#results .frame-list .frame-info
{
  position: absolute;
  bottom: 5px;
}

.price-tooltip
{
  margin-top: 12px;
  background: #FFF;
  border: 2px solid #D4D4D4;
  width: auto;
}

.price-tooltip-content
{
  text-align: center;
  color: #FF6900;
  font-size: 1.4em;
  background: none;
  padding-bottom: 8px;
}

#image-tooltip
{
  position: absolute;
  display: none;
  z-index: 42;
  border: 2px solid #D4D4D4;
  background: #FFF;
}

.frame-big-picture
{
  display: none;
}

.frame-colors li,
.frame-shapes li,
.dual li
{
  position: relative;
  width: 119px;
  float: left;
}

.frame-colors li label
{
  width: 93px;
  float: left;
  display: block;
}

.frame-shapes li.active,
.frame-colors li.active
{
  background: #E6E4E4;
}

.frame-shapes li.active label,
.frame-colors li.active label
{
  font-weight: bold;
  color: #333;
}

.frame-colors li input,
.frame-shapes li input
{
  /* TODO js pour que ça marche en cachant */
  /* display: none; */
}

.frame-colors li .fake-input
{
  display: block;
  float: left;
  margin: 4px 5px 0 4px;
  text-indent: -9999px;
  width: 14px;
  height: 14px;
  background: url(../images/icons/frame-colors.png) no-repeat;
}

.styled-checkbox-container, .styled-checkbox-container label
{
  cursor: pointer;
}

.frame-colors li.frame-color-black      .fake-input {background-position: 0 0;}
.frame-colors li.frame-color-grey       .fake-input {background-position: 0 -14px;}
.frame-colors li.frame-color-silver     .fake-input {background-position: 0 -28px;}
.frame-colors li.frame-color-crystal    .fake-input {background-position: 0 -42px;}
.frame-colors li.frame-color-white      .fake-input {background-position: 0 -56px;}
.frame-colors li.frame-color-yellow     .fake-input {background-position: 0 -70px;}
.frame-colors li.frame-color-gold       .fake-input {background-position: 0 -84px;}
.frame-colors li.frame-color-beige      .fake-input {background-position: 0 -98px;}
.frame-colors li.frame-color-orange     .fake-input {background-position: 0 -112px;}
.frame-colors li.frame-color-brown      .fake-input {background-position: 0 -126px;}
.frame-colors li.frame-color-tortoise   .fake-input {background-position: 0 -140px;}
.frame-colors li.frame-color-burgundy   .fake-input {background-position: 0 -154px;}
.frame-colors li.frame-color-red        .fake-input {background-position: 0 -168px;}
.frame-colors li.frame-color-pink       .fake-input {background-position: 0 -182px;}
.frame-colors li.frame-color-purple     .fake-input {background-position: 0 -196px;}
.frame-colors li.frame-color-blue       .fake-input {background-position: 0 -210px;}
.frame-colors li.frame-color-green      .fake-input {background-position: 0 -224px;}
.frame-colors li.frame-color-multicolor .fake-input {background-position: 0 -238px;}

.frame-colors li.frame-color-gunmetal   .fake-input {background-position: 0 -252px;}
.frame-colors li.frame-color-sand       .fake-input {background-position: 0 -266px;}

.frame-shapes .checkbox_list li
{
  margin: 1px 0;
}

.frame-shapes li label
{
  width: 62px;
  float: left;
}

.frame-shapes li .fake-input
{
  display: block;
  float: left;
  margin: 0 5px 0 0;
  text-indent: -9999px;
  width: 49px;
  height: 20px;
  background: url(../images/icons/frame-shapes.png) no-repeat;
}

.frame-shapes li.frame-shape-aviator         .fake-input {background-position: 0 0;}
.frame-shapes li.frame-shape-butterfly       .fake-input {background-position: 0 -20px;}
.frame-shapes li.frame-shape-cat-eye         .fake-input {background-position: 0 -40px;}
.frame-shapes li.frame-shape-oval            .fake-input {background-position: 0 -60px;}
.frame-shapes li.frame-shape-rectangle       .fake-input {background-position: 0 -80px;}
.frame-shapes li.frame-shape-round           .fake-input {background-position: 0 -100px;}
.frame-shapes li.frame-shape-square          .fake-input {background-position: 0 -120px;}
.frame-shapes li.frame-shape-shield          .fake-input {background-position: 0 -140px;}
.frame-shapes li.frame-shape-wrapped         .fake-input {background-position: 0 -160px;}
.frame-shapes li.frame-shape-rimless         .fake-input {background-position: 0 -180px;}
.frame-shapes li.frame-shape-supra           .fake-input {background-position: 0 -200px;}
.frame-shapes li.frame-shape-oversize        .fake-input {background-position: 0 -220px;}

.frame-shapes li.frame-shape-navigator       .fake-input {background-position: 0 -240px;}
.frame-shapes li.frame-shape-modified-round  .fake-input {background-position: 0 -260px;}
.frame-shapes li.frame-shape-modified-oval   .fake-input {background-position: 0 -280px;}
.frame-shapes li.frame-shape-geometric       .fake-input {background-position: 0 -260px;}


#filter-frame-adaptable
{
  display: none;
}

.icon-frame-sizes li
{
  background: no-repeat 0 0;
  width: 72px;
  height: 34px;
  border: 1px solid #DADADA;
  text-indent: -9999px;
  float: left;
}

.icon-frame-sizes .frame-lens-size
{
  background-image: url(../images/icons/frame-lens-size.png);
  margin-right: 36px;
}

.icon-frame-sizes .frame-bridge-size
{
  background-image: url(../images/icons/frame-bridge-size.png);
}

/**
 * FilterFrame
 */
#filters .filter-frame-sizes
{
  padding-top: 10px;
}

#filters .filter-frame-sizes ul li
{
  display: inline;
}

#filters .filter-frame-sizes select
{
  width: 74px;
  margin-right: 34px;
}

.filter-section
{
  clear: both;
}

#filters h4 span
{
  font-weight: normal;
}

#filters .how-to
{
  height: 17px;
  margin-top: 10px;
  padding: 2px 0 0 24px;
  background: url(../images/icons/help-ico.gif) no-repeat 0 0;
}

a.grey
{
  color: #999;
}

a.grey:hover
{
  color: #666;
}

/* source: http://pastie.org/465020 */
.hidden-file-input
{
  position: relative;
  width: 100px;
  overflow: hidden;
  margin: 0 auto;
}

.hidden-file-input label
{
  width: 100%;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.hidden-file-input input
{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10em;
  cursor: pointer;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}

.all-filters li
{
  padding: 3px 0;
  clear: both;
}

a.button-remove
{
  display: inline-block;
  height: 18px;
  background: url(../images/buttons/button-remove.png) no-repeat 100% 100%;
  padding: 0 21px 0 0;
  cursor: pointer;
  text-decoration: none;
}

a.button-remove span
{
  display: block;
  height: 18px;
  line-height: 18px;
  background: url(../images/buttons/button-remove.png) no-repeat 0 0;
  padding: 0 6px 0 8px;
  color: #666;
}

#filter-frame-form ul.clear
{
  margin-top: 10px;
}

#filter-frame-form ul.clear li
{
  text-align: right;
}

#filter-frame-form ul.clear li.nothing
{
  text-align: left;
}


/* Main menu navigation */
#nav,
#nav ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav
{
  position: relative;
  float: left;
  left: -50%;
}

#nav li
{
  float: left;
  text-align: center;
  margin: 0 4px 0 0;
  padding: 0;
}

#nav li.last
{
  margin: 0;
}

#nav a
{
  font-size: 12px;
  color: #5f4f3f;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  line-height: 16px;
}

#nav ul
{
  height: 29px;
  padding: 0;
  float: left;
  overflow: hidden;
}

#nav div
{
  height: 29px;
  float: left;
}

#nav ul li
{
  margin: 0;
}

#nav ul li a
{
  padding: 7px 9px 0 8px;
  height: 22px;
  font-size: 11px;
  color: #ff6900;
  font-weight: bold;
  background: url(../images/menu/bg-nav-submenu.png) no-repeat;
  position: relative;
}

#nav ul li a:hover,
#nav ul li a.active
{
  color: #FFF;
}

#nav ul li.first a {background-position: 0 0;}
#nav ul li.last a  {background-position: 100% 0;}
#nav ul li.first a:hover {background-position: 0 -29px;}
#nav ul li.last a:hover  {background-position: 100% -29px;}
#nav ul li.first a.active {background-position: 0 -58px;}
#nav ul li.last a.active  {background-position: 100% -58px;}

#nav ul li a.disabled
{
  color: #D6D6D6;
  cursor: default;
}

#nav ul li.first a.disabled:hover {background-position: 0 0;}
#nav ul li.last a.disabled:hover {background-position: 100% 0;}
#nav ul li.first a.disabled:hover span {background-position: 100% 0;}

#nav ul li.first a span
{
  width: 2px;
  height: 29px;
  display: block;
  background: url(../images/menu/bg-nav-submenu-separator.png) no-repeat 100% 0;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 1px;
}

#nav ul li.first a:hover span  {background-position: 100% -29px;}
#nav ul li.first a.active span {background-position: 100% -58px;}

.unavailable-tooltip
{
  position: absolute;
  width: 105px;
  height: 21px;
  background: url(../images/tooltips/tooltip-unavailable.png) no-repeat 0 0;
  padding: 11px 0 0 31px;
  color: #FF6900;
  z-index: 3000;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}


/* Homepage */
#homepage-flash-wrapper
{
  position: relative;
  z-index: 2;
}

#homepage-teasers
{
  position: relative;
  margin: -24px 0 -16px;
  padding: 25px 0 35px;
  z-index: 1;
  background: #FFF url(../images/bg-home-white-gradient.gif) repeat-x 0 0;
}

#page-teasers
{
  position: relative;
  margin: 0px;
  padding: 25px 0 0;
}

#homepage-teasers .gallery h3,
#page-teasers .gallery h3
{
  font-size: 24px;
  margin: 0 0 20px 30px;
}


#homepage-teasers .gallery,
#page-teasers .gallery
{
  clear: both;
  width: 990px;
  margin: 0 auto;
  position: relative;
}

#homepage-teasers .gallery .prev, .gallery .next,
#page-teasers .gallery .prev, .gallery .next
{
  display: block;
  width: 21px;
  height: 102px;
  outline: none;
  text-indent: -9999px;
  background: url(../images/bg-gallery-controls.gif) no-repeat;
  position: absolute;
  bottom: 17px;
}

#homepage-teasers .gallery .prev,
#page-teasers .gallery .prev
{
  left: 0
}

#homepage-teasers .gallery .next,
#page-teasers .gallery .next
{
  background-position: 0 -102px;
  right: 0;
}

#homepage-teasers .gallery ul,
#page-teasers .gallery ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 940px;
  height: 136px;
  overflow: hidden;
  float: left;
}

#homepage-teasers .gallery li a,
#page-teasers .gallery li a
{
  display: block;
  width: 225px;
  height: 133px;
  padding: 3px 0 0 3px;
  overflow: hidden;
  background: url(../images/bg-gallery-item.gif) no-repeat;
  position: relative;
  text-decoration: none;
}

#homepage-teasers .gallery li a:hover,
#page-teasers .gallery li a:hover
{
  border: 0;
  background-position: 0 -136px;
}

#homepage-teasers .gallery li a img,
#page-teasers .gallery li a img
{
  width: 222px;
  height: 130px;
  display: block;
  overflow: hidden;
}

#homepage-teasers .gallery .text,
#page-teasers .gallery .text
{
  position: absolute;
  bottom: 13px;
  left: 3px;
  width: 186px;
  padding: 6px 10px;
  background: url(../images/bg-gallery-text.png);
  color: #777;
  font-size: 0.95em;
  cursor: pointer;
}

#homepage-teasers .gallery .text strong,
#page-teasers .gallery .text strong
{
  font-size: 12px;
  color: #ff6701;
  display: block;
}

#homepage-teasers .gallery .jcarousel-container,
#page-teasers .gallery .jcarousel-container
{
  position: relative;
  width: 940px;
  height: 136px;
  margin-left: 28px;
}

#homepage-teasers .gallery .jcarousel-clip,
#page-teasers .gallery .jcarousel-clip
{
  overflow: hidden;
  position: relative;
  width: 940px;
  height: 136px;
  z-index: 2;
}

#homepage-teasers .gallery .jcarousel-list,
#page-teasers .gallery .jcarousel-list
{
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  list-style: none;
}

#homepage-teasers .gallery .jcarousel-list li,
#page-teasers .gallery .jcarousel-list li,
#homepage-teasers .gallery .jcarousel-item,
#page-teasers .gallery .jcarousel-item,
#homepage-teasers .gallery li,
#age-teasers .gallery li
{
  display: block;
  float: left;
  width: 235px;
}

/**
 * Frame page
 */

.other-products #gallery-selector
{
  float: left;
  position: relative;
  width: 580px;
  height: inherit;
  text-align: inherit;
  top: inherit;
}

.other-products #gallery-selector .jcarousel-container
{
  position: relative;
  width: inherit;
  height: inherit;
}

.other-products #gallery-selector .jcarousel-clip
{
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: inherit;
  height: inherit;
}

.other-products #gallery-selector .jcarousel-list
{
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.other-products #gallery-selector .jcarousel-list li,
.other-products #gallery-selector .jcarousel-item
{
  float: left;
  width: inherit;
  height: inherit;
}

.product-box .back-to-search
{
  float: right;
  margin-bottom: -15px;
  margin-right: 12px;
}

object
{
  outline: none;
}

/* Actu */
#article-frames
{
  position: relative;
  width: 990px;
  background: url(../images/boxes/bg-box-990.gif) repeat-y 0 0;
  margin: 0 auto;
}

#article-frames-top
{
  padding-top: 8px;
  background: url(../images/boxes/bg-box-990-top.png) no-repeat 0 0;
}

#article-frames-bottom
{
  padding-bottom: 8px;
  background: url(../images/boxes/bg-box-990-bottom.png) no-repeat 0 100%;
  position: relative;
}

#article-frames .jcarousel-container
{
  position: relative;
  width: 946px;
  height: 104px;
  margin: 0 0 0 22px;
}

#article-frames .jcarousel-clip
{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 950px;
}

#article-frames .jcarousel-list
{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  list-style: none;
}

#article-frames .jcarousel-list li,
#article-frames .jcarousel-item
{
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  float: left;
  text-align: center;
  width: 102px;
  height: 104px;
}

#article-frames .jcarousel-item table,
#article-frames .jcarousel-item table tr,
#article-frames .jcarousel-item table td
{
  text-align: center;
  width: 102px;
  height: 104px;
  margin: 0 auto;
  border-collapse: collapse;
}

#article-frames .jcarousel-list li a
{
  display: block;
  text-decoration: none;
  color: #999;
  border: 2px solid #fff;
}

#article-frames .jcarousel-list li a:hover
{
  border: 2px solid #ff6900;
}

#article-frames .jcarousel-list li img
{
  margin: 2px 0 5px;
}

#article-frames #previous,
#article-frames #next
{
  display: block;
  width: 16px;
  height: 54px;
  background: url(../images/arrows/slider-basic-nav.gif) no-repeat;
  text-indent: -9999px;
  position: absolute;
  top: 24px;
}

#article-frames #previous
{
  left: 6px;
  background-position: 0 0;
}

#article-frames #next
{
  right: 6px;
  background-position: 100% 0;
}

#article-frames #previous:hover
{
  background-position: 0 100%;
}

#article-frames #next:hover
{
  background-position: 100% 100%;
}

.frame-heading h2
{
  color: #666;
  display: inline;
}

span#optician_kbis
{
  display: block;
  height: 16px;
}

/* WP blog */
#al-wp-blog .photo
{
  width: auto;
  height: auto;
  display: none;
}

#al-wp-blog .commentlist
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#al-wp-blog #comment
{
  width: 408px;
}


#al-wp-blog #sidebar ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#al-wp-blog #sidebar .widget h2
{
  margin-bottom: 15px;
}

#al-wp-blog #sidebar .widget a
{
  color: #999;
}

#al-wp-blog #sidebar ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#al-wp-blog #sidebar .widget_archive ul,
#al-wp-blog #sidebar .widget_links ul,
#al-wp-blog #sidebar .widget_recent_entries ul
{
  margin-left: 14px;
  list-style: url(../images/arrows/bullet-chevron.gif);
}

#al-wp-blog #sidebar .widget ul li
{
  margin-bottom: 5px;
}

#al-wp-blog #sidebar .widget_tag_cloud a {text-decoration: none;}
#al-wp-blog #sidebar .widget_tag_cloud a:hover {text-decoration: underline;}

#al-wp-blog #sidebar .widget_recent_comments a.url
{
  display: inline;
  color: #999;
  text-decoration: none;
}

#al-wp-blog #sidebar .widget_recent_comments a
{
  display: block;
  color: #FF6900;
  text-decoration: underline;
}

#al-wp-blog #sidebar .widget_search input[type=text],
#al-wp-blog #sidebar .widget_newsletter input[type=text]
{
  border: 1px solid;
  border-color: #ECEEEF #BBBCBC #9B9B9B;
  font-family: Arial, Helvetica, sans-serif;
  color: #999;
}

ul.checkbox_list label, ul.radio_list label
{
  cursor: pointer;
}

#al-wp-blog #sidebar .widget_newsletter input[type=text]
{
  width: 212px;
  margin: 2px 0 5px;
}


#al-wp-blog #sidebar .widget_newsletter .validation
{
  text-align: center;
}

#al-wp-blog #sidebar .widget_newsletter .required
{
  font-size: 10px;
  width: 160px;
  margin: -5px 0 20px;
}

#al-wp-blog #sidebar .widget_newsletter .required span,
#al-wp-blog #sidebar .widget_newsletter label
{
  color: #FF6900;
}

#al-wp-blog #sidebar .widget_alJoin ul li
{
  float: left;
  width: 95px;
  margin: 0 0 8px;
}

#al-wp-blog #sidebar .widget_alJoin ul li.allolunettes,
#al-wp-blog #sidebar .widget_alJoin ul li.twitter
{
  margin-right: 24px;
}

a.link-grey
{
  color: #777777;
  text-decoration: none;
}

a.link-grey:hover
{
  text-decoration: underline;
}

#topbar div.top-title
{
  float: left;
}

#topbar div.top-links
{
  float: right;
  padding: 5px 10px 0 0;
}

#topbar #sidebar
{
  padding: 5px 0 0 10px;
  width: 236px;
}

.creation .user-information-description-box
{
  margin: 100px 0 0;
}

.creation .phone-tip
{
  font-size: 9px;
  font-style: italic;
  float: right;
  width: 146px;
}

.create-account-form-errors
{
  width: 415px;
  padding-left: 197px;
}

.identification .create-optician-account
{
  text-align: right;
  padding-top: 5px;
  font-weight: bold;
  font-size: 1.1em;
}

.identification .flash
{
  height: 372px;
  background-color: #aec0bb;
}

.identification .input-txt-error input
{
  width: 154px;
}

#forgotten_password_popup
{
  width: 515px;
  margin-left: -258px;
}

#forgotten_password_popup p
{
  text-align: left;
  padding: 0 5px;
}

#forgotten_password_form
{
  text-align: center;
  margin-bottom: 5px;
}

#forgotten_password_popup label
{
  display: block;
  margin: 5px 0; 
  font-weight: bold;
}

#forgotten_password_popup .reset-pwd-form
{
  text-align: center;
  padding-bottom: 10px;
}

#forgotten_password_popup .all-errors
{
  margin: 0 auto;
}

#forgotten_password_popup #forgotten_password_close,
#forgotten_password_popup #forgotten_password_error
{
  display: none;
}

.txt-bold
{
  font-weight: bold;
}

#user_admin #twocolumns #content
{
  width: 100%;
}
/*
#user_admin ul#user_admin_menu a
{
  text-decoration: none;
}

#user_admin ul#user_admin_menu a.active-link
{
  text-decoration: underline;
}

#user_admin ul#user_admin_menu li
{
  padding-top: 7px;
}
*/

#user_admin ul#user_admin_menu a.disable-link
{
  color: #999999;
  cursor: default;
}

#user_admin ul#user_admin_menu a.disable-link:hover
{
  text-decoration: none;
}

#vision_type_popup
{
  width: auto;
}

/*
 * howto-correction flash popup
 */
#vision_type_popup
{
  top: 14%;
  margin-left: -600px;
  width: 1130px;
  height: 574px; 
  padding: 15px 35px 35px;
  background: #FFF;
}

#vision_type_popup p
{
  padding: 0;
  text-align: left;
  height: auto;
  font-size: 12px;
}

.howto-correction-flash,
.howto-correction-form
{
  float: left;
  background: #F5F5F5;
}

.howto-correction-flash
{
  width: 641px;
  height: 468px;
  padding: 0 0 0 2px;
  margin-right: 30px;
  background: url(../images/boxes/bg-howto-correction-flash.png) no-repeat 0 0;
}

.howto-correction-form
{
  width: 445px;
  height: 468px;
  background: url(../images/boxes/bg-howto-correction-form.png) no-repeat 0 0;
  text-align: center;
}

.howto-correction-flash h3,
.howto-correction-form h3
{
  font-size: 19px;
  padding: 15px 10px 5px;
  margin: 0;
  text-transform: uppercase;
  text-align: left;
}

.howto-correction-form h4
{
  font-size: 18px;
  margin: 45px 0 35px;
  color: #ff6900;
}

#vision_type_popup .howto-correction-form p
{
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
}

table.correction-form
{
  text-align: left;
  background: url(../images/boxes/bg-correction-form.png) no-repeat 0 0;
  padding-top: 5px;
  width: 315px;
  height: 113px;
}

.howto-correction-form table.correction-form
{
  margin: 0 auto 40px;
  background: none;
  padding-top: 0;
  width: auto;
  height: auto;
}

table.correction-form th,
table.correction-form td
{
  text-align: center;
  padding: 0 7px 5px;
}

table.correction-form th
{
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 0;
}

table.correction-form .small
{
  width: 58px;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

table.correction-form .txt-input,
#edit-vision-record table.correction-form .txt-input
{
  width: 42px;
}

.howto-correction-form button span
{
  font: 12px arial, sans-serif;
}

/*
 * user dashboard
 */
#profile-column,
#record-column
{
  float: left;
  width: 350px;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 10px;
}

#profile-column
{
  margin-right: 4px;
}

#profile-column h2,
#record-column h2
{
  font-size: 16px;
  text-transform: uppercase;
  color: #ff6900;
  border-bottom: 1px solid #c0c0c0;
  padding: 0 0 5px;
  margin: 0;
}

#profile-column h3,
#record-column h3
{
  font-size: 16px;
  padding: 0 0 15px;
  margin: 0;
}

#profile-column div,
#record-column div
{
  background: #f2f2f2;
  padding: 15px 10px;
  margin-top: 10px;
}

#profile-column ul,
#record-column ul
{
  padding: 0;
  margin: 0 0 0 20px;
}

#profile-column ul li span,
#record-column ul li span
{
  font-style: italic;
}

#profile-column a.btn,
#record-column a.btn
{
  text-align: center;
  margin: 20px 0 5px;
}

.cnil.dashboard
{
  clear: both;
  overflow: visible;
  height: auto;
  margin: 0 auto;
  padding: 15px 0 0;
}

/*
 * user edit profile
 */
#edit_user_profile
{
  background: #fff;
  padding: 0;
  border: 1px solid #e2e2e2;
  position: relative;
}

#edit_user_profile .all-errors,
#edit-vision-record .all-errors
{
  width: 410px;
  margin: 30px 0 0 180px;
}

#edit_user_profile h2,
#edit-vision-record h2
{
  text-transform: uppercase;
  width: 410px;
  font-size: 16px;
  border-bottom: 1px solid #c0c0c0;
  padding: 30px 0 5px;
  margin: 0 0 10px 180px;
}

#edit_user_profile h2 a,
#edit-vision-record h2 a
{
  text-decoration: none;
  color: #999999;
}

#edit_user_profile a.btn,
#edit_user_profile button.btn,
#edit-vision-record a.btn,
#edit-vision-record button.btn
{
  clear: both;
  margin: 0 0 0 180px;
  outline: none;
}

#btn_update_pwd
{
  padding: 10px 0;
}

#edit_user_profile form ul,
#edit-vision-record form ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

#edit_user_profile form ul li,
#edit-vision-record form ul li
{
  clear: both;
  position: relative;
  width: 100%;
  padding: 5px 0;
}

#edit_user_profile form ul li.new-password,
#edit_user_profile form ul li.confirm-new-password
{
  width: 372px;
  float: left;
  clear: none;
}

#edit_user_profile form ul li label,
#edit-vision-record form ul li label
{
  width: 173px;
  padding: 3px 7px 0 0;
  font-size: 13px;
  color: #ff6900;
  text-align: right;
  display: block;
  float: left;
}

#edit_user_profile form ul li .radio-box
{
  width: 200px;
  float: left;
}

#edit_user_profile form ul li .radio-box label
{
  color: #999;
  display: inline;
  float: none;
}

#edit_user_profile form ul li .radio-box input,
#edit-vision-record .next-appointment input
{
  margin: 0;
  vertical-align: middle;
}

#edit_user_profile form ul li.confirm-new-password label,
#edit-vision-record form ul li.last-appointment label,
#edit-vision-record form ul li.total-price label
{
  padding-top: 0;
  position: relative;
  top: -5px;
}

#edit_user_profile .validation,
#edit-vision-record .validation
{
  margin: 15px 0 0 180px;
  width: 410px;
  border-top: 1px solid #c0c0c0;
  text-align: center;
}

#edit_user_profile .validation button.btn,
#edit-vision-record .validation button.btn
{
  margin: 10px 0;
}

#edit_user_profile .private-data
{
  position: relative;
  width: 100%;
}

#edit_user_profile .login-data .txt-input
{
  width: 120px;
}

#edit_user_profile .private-data .txt-input
{
  width: 250px;
}
already-registered-box
#btn_add_address2
{
  position: absolute;
  top: 160px;
  right: 40px;
  display: block;
  padding: 2px 0 0 22px;  background: #fff;
  background: url(../images/icons/more-ico.gif) no-repeat 0 0;
  width: 240px;
  height: 17px;
}

#btn_add_address2:hover
{
  background-position: 0 100%;
}

#edit_user_profile .subscribe-newsletter
{
  margin: 10px 0 15px 180px;
}

#edit_user_profile .subscribe-newsletter input
{
  margin: 0;
  vertical-align: middle;
}

#edit_user_profile .select-country
{
  width: 250px;
}

.back-tr
{
  text-align: right;
  text-decoration: underline;
  color: #999;
  position: absolute;
  top: 10px;
  right: 10px;
}

.back-tl
{
  text-align: left;
  text-decoration: underline;
  color: #999;
  position: absolute;
  top: 10px;
  left: 10px;
}

.back-tl:hover,
.back-tr:hover
{
  color: #666;
}

.cnil.profile
{
  padding: 25px 0 5px 10px;
}

/*
 * user vision record
 */
#edit-vision-record .block-b
{
  padding: 0;
}

#edit-vision-record .next-appointment,
#edit-vision-record .vision-note
{
  margin-left: 180px;
  padding: 0;
}

#edit-vision-record .vision-note
{
  /*margin-left: 90px;*/
}

#edit-vision-record .flash-holder
{
  width: 720px;
  height: 200px;
  /*background: #ccc;*/
  margin: 30px auto 0;
}

#link_vision_tip
{
  margin-left: 400px;
  font-style: italic;
  color: #999;
}

#edit-vision-record form ul
{
  margin-bottom: 10px;
}

#edit-vision-record .next-appointment input
{
  display: block;
  float: left;
  width: auto;
  margin-left: 30px;
}

#edit-vision-record .next-appointment label
{
  color: #999;
  text-align: left;
  font-size: 12px;
  width: 250px;
  padding: 0;
  margin-left: 7px;
  position: relative;
  top: -1px;
}

#edit-vision-record .txt-input
{
  width: 150px;
}

#edit-vision-record .txt-input.long,
#edit-vision-record .next-appointment p
{
  width: 320px;
}

#edit-vision-record form
{
  position: relative;
}

#edit-vision-record .section
{
  width: 100%;
  position: relative;
}

#edit-vision-record .description-boxes
{
  width: 215px;
  position: absolute;
  right: 0;
  top: 66px;
}

#edit-vision-record .description-boxes .description-box
{
  margin-bottom: 15px;
  padding-right: 15px;
}

.description-box
{
  float: left;
  background: url(../images/bg-descript.gif) no-repeat 6px 100%;
  color: #666;
}

.description-box .area
{
  background: url(../images/bg-descript-area.gif) repeat-y 6px 0;
}

.description-box .bg-arrow
{
  background: url(../images/bg-arrow-descript.gif) no-repeat 0 50%;
  padding: 3px 0 0 18px;
  overflow: hidden;
}


/*
 * edit user equipment
 */
#edit-vision-record .radio-checkbox-list ul
{
  width: 300px;
  float: left;
}

#edit-vision-record .radio-checkbox-list ul li
{
  width: 150px;
  float: left;
  clear: none;
  padding: 0;
}

#edit-vision-record .radio-checkbox-list ul li label
{
  color: #999;
  float: none;
  padding: 0;
  display: inline;
  text-align: left;
  width: auto;
  position: relative;
  top: -2px;
}

#already-registered-box
{
  position: absolute;
  top: -41px;
  right: 10px;
  font-size: 12px;
  width: 188px;
  height: 34px;
  padding: 6px 6px 0;
  background: #eee;
  color: #666;
  text-align: center;
  text-decoration: none;
}

/**
 * remboursement
 */
#pushes
{
  width: 300px;
  margin-left: 10px;
  float: right;
  position: relative;
}

.push
{
  margin-bottom: 10px;
}

#payback,
#correction,
#article
{
  width: 680px;
  float: left;
  position: relative;
  left: 3px;
}

#payback .section,
#article
{
  background: #fff;
  border: 1px solid #e2e2e2;
  position: relative;
  padding: 15px 20px;
  margin-bottom: 10px;
}

#payback .section h1,
#correction h1
{
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #666;
  text-align: center;
  text-transform: uppercase;
}

#payback .section h2
{
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #666;
}

#payback .section ol,
#correction .section ol
{
  margin: 30px 0 15px 5px;
  padding: 0;
  list-style: inside decimal;
  color: #ff6900;
}

#payback .section ol li,
#correction .section ol li
{
  margin-bottom: 12px;
}

#payback .section ol li a,
#correction .section ol li a
{
  text-decoration: none;
}

#payback .read-all
{
  margin: 0;
  padding: 10px 0 0;
  border-top: 1px solid #e2e2e2;
  text-align: center;
}

.payback-image
{
  float: left;
  margin-right: 10px;
}

/*
 * correction
 */ 
#correction
{
  width: 658px;
  padding: 10px;
  background: #fff;
  border: 1px solid #e2e2e2;
  float: left;
  position: relative;
  left: 3px;
}

#correction p
{
  font-style: italic;
  margin: 20px 0;
}

#correction .section
{
  width: 209px;
  height: 417px;
  padding: 0 6px 0 2px;
  margin-right: 3px;
  background: url(../images/boxes/bg-correction-section.png) no-repeat 0 0;
  float: left;
  position: relative;
  text-align: center;
}

#correction .section.last
{
  margin-right: 0;
}

#correction .section .illustration
{
  display: block;
  width: 209px;
  height: 100px;
  background: no-repeat 0 0;
  text-indent: -9999px;
  outline: none;
  margin-bottom: 20px;
}

#correction .section .illustration.health {background-image: url(../images/correction-health.jpg);}
#correction .section .illustration.vision {background-image: url(../images/correction-vision.jpg);}
#correction .section .illustration.lense {background-image: url(../images/correction-lense.jpg);}

#correction .section h2
{
  margin: 10px 0;
  padding: 0;
  font-size: 16px;
  color: #ff6900;
}

#correction .section h3
{
  margin: 20px 40px 0;
  border-top: 1px solid #d7d5d5;
  padding: 15px 0;
  font-size: 13px;
}

#correction .section ol
{
  margin: 5px 0 0 25px;
  text-align: left;
}

#correction-articles .block-b,
#twocolumns #content #correction-articles .block-b
{
  padding-top: 10px;
}

 #correction-articles h1,
#twocolumns #content #correction-articles h1
{
  margin: 0 0 30px;
  padding: 0;
  font-size: 16px;
  color: #666;
}

 #correction-articles h2,
#twocolumns #content #correction-articles h2
{
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #ff6900;
}

#correction-articles ul.articles li h4
{
  margin: 0 0 5px;
}

#correction-articles ul.articles
{
  margin: 10px 0 20px;
  padding: 0;
  list-style: none;
}

#correction-articles ul.articles li
{
  width: 384px;
  height: 83px;
  background: #f4f4f4;
  border: 1px solid #f4f4f4;
  margin-bottom: 8px;
  padding: 10px;
  overflow: hidden;
  position: relative;
}

#correction-articles ul li.hover
{
  background: #fff5ee;
  border: 1px solid #ff6900;
}

#correction-articles ul.articles li .image
{
  width: 90px;
  height: 80px;
  overflow: hidden;
  float: left;
  margin-right: 12px;
}

#correction-articles ul.articles li .read-all
{
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: auto;
}

#correction-articles .back-tr
{
  top: 20px;
  right: 20px;
}

#correction-filters .b
{
  padding: 15px 14px 15px 12px;
}

#correction-filters h2
{
  text-align: center;
  font-size: 16px;
  margin: 0 0 5px;
}

#correction-filters h4
{
  font-size: 14px;
  margin: 25px 0 0;
}

#correction-filters ul
{
  margin: 15px 0 20px 40px;
  padding: 0;
  list-style: none;
}

#correction-filters ul.vision
{
  margin: 15px 0 20px;
}

#correction-filters ul.vision li
{
  margin-bottom: 5px;
}

#correction-filters ul.vision li ul
{
  margin: 5px 0 10px 40px;
}

#correction-filters input
{
  vertical-align: middle;
}

#correction-filters .validation
{
  margin: 5px 0;
  text-align: center;
}

/**
 * Press
 */
#press-filters img,
#press-filters h2
{
  margin-bottom: 15px;
}

#press-links div
{
  padding: 15px 0;
  margin-bottom: 10px;
  background: #f4f4f4;
  text-align: center;
}

#press-links div h4
{
  margin: 0 0 10px;
  padding: 0;
  font-size: 14px;
  color: #999;
}

#press-articles h1
{
  font-size: 16px;
  text-transform: none;
}

#press-articles .back-tr
{
  top: 20px;
  right: 20px;
}

#press-articles ul.articles
{
  margin: 10px 0 20px;
  padding: 0;
  list-style: none;
  clear: both;
}

#press-articles ul.articles li
{
  width: 694px;
  height: 114px;
  background: #f4f4f4;
  border: 1px solid #f4f4f4;
  margin-bottom: 8px;
  padding: 10px;
  overflow: hidden;
  position: relative;
}

#press-articles ul.articles li:hover
{
  background: #fff5ee;
  border: 1px solid #ff6900;
}

#press-articles ul.articles li .image
{
  width: 140px;
  height: 94px;
  overflow: hidden;
  float: left;
  margin-right: 12px;
  text-align: center;
}

#press-articles ul.articles li h4
{
  margin: 0 0 5px;
}

#press-articles ul.articles li .date
{
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  font-size: 11px;
  font-style: italic;
  color: #666;
}

#press-articles ul.articles li .read-all
{
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: auto;
}

#press-articles .must-see-title
{
  margin: 0 0 5px;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  color: #ff6900;
}

#press-articles #must-see-articles
{
  width: 662px;
  height: 80px;
  margin: 0 auto;
  position: relative;
  background: url(../images/sliders/bg-carousel-press.png) no-repeat 0 0;
}

#press-articles #must-see-articles ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#press-articles #must-see-articles ul li
{
  width: 120px;
  height: 72px;
  float: left;
}

#must-see-articles .jcarousel-container
{
  position: relative;
  width: 600px;
  height: 76px;
  padding-top: 4px;
  margin: 0 0 0 30px;
}

#must-see-articles .jcarousel-clip
{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 600px;
}

#must-see-articles .jcarousel-list
{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  list-style: none;
}

#must-see-articles .jcarousel-list li,
#must-see-articles .jcarousel-item
{
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  float: left;
  text-align: center;
  width: 120px;
  height: 72px;
}

#must-see-articles .jcarousel-item table,
#must-see-articles .jcarousel-item table tr,
#must-see-articles .jcarousel-item table td
{
  text-align: center;
  width: 120px;
  height: 72px;
  margin: 0 auto;
  border-collapse: collapse;
}

#must-see-articles .jcarousel-list li a
{
  display: block;
  width: 116px;
  height: 68px;
  text-decoration: none;
  color: #999;
  border: 2px solid #FFF;
  position: relative;
}

#must-see-articles .jcarousel-list li a:hover,
#must-see-articles .jcarousel-list li a.active
{
  border: 2px solid #FF6900;
}

#must-see-articles .jcarousel-list li .image
{
  width: 116px;
  height: 53px;
  overflow: hidden;
}

#must-see-articles .jcarousel-list li p
{
  margin: 0 auto;
  padding: 0;
  font-style: italic;
  font-size: 11px;
  color: #666;
  height: 15px;
  overflow: hidden;
}

#must-see-articles div.previous,
#must-see-articles div.next
{
  display: block;
  width: 16px;
  height: 54px;
  background: url(../images/arrows/slider-basic-nav.gif) no-repeat;
  text-indent: -9999px;
  position: absolute;
  top: 13px;
}

#must-see-articles div.previous
{
  left: 14px;
  background-position: 0 0;
}

#must-see-articles div.next
{
  right: 14px;
  background-position: 100% 0;
}

#must-see-articles div.previous:hover
{
  background-position: 0 100%;
}

#must-see-articles div.next:hover
{
  background-position: 100% 100%;
}

/**
 * Brand
 */
#brand-page .back-tr,
#brand-page .back-tl
{
  top: 20px;
}

#brand-page .back-tr
{
  right: 0;
}

#brand-page .back-tl
{
  left: 0;
}

#brand-page h1
{
  text-transform: none;
}

#brand-page .text h3
{
  color: #666;
  font-size: 14px;
}

#brand-page #brand-visual-presentation
{
  position: relative;
}

#brand-page #brand-visual-presentation .intro
{
  padding: 0 10px 6px;
}

#brand-page #brand-visual-presentation .intro img
{
  float: left;
  margin: 0 12px 10px 0;
}

#brand-page #brand-visual-presentation .media-file
{
  clear: both;
  width: 100%;
  height: 250px;
  background: lightgray;
}

#brand-page .text
{
  width: 650px;
  margin-left: 10px;
  position: relative;
}

#brand-frames
{
  position: relative;
}

#brand-frames h3
{
  font-size:1.166em;
  color:#ff6900;
  margin:10px 0 10px 11px;
}

#brand-frames h3 a
{
  position: absolute;
  right: 10px;
  font-size: 12px;
  font-weight: normal;
}

#brand-frames .brand-inner-box
{
  clear: both;
  width: 652px;
  background: url(../images/boxes/bg-box-652.gif) repeat-y;
  margin: 0 auto;
  position: relative;
}

#brand-frames .brand-inner-box-top
{
  padding-top: 8px;
  background: url(../images/boxes/bg-box-652-top.png) no-repeat 0 0;
}

#brand-frames .brand-inner-box-bottom
{
  padding-bottom: 8px;
  background: url(../images/boxes/bg-box-652-bottom.png) no-repeat 0 100%;
  position: relative;
}

#brand-frames .brand-inner-box .jcarousel-container
{
  position: relative;
  width: 608px;
  height: 130px;
  margin: 0 0 0 22px;
}

#brand-frames .brand-inner-box .jcarousel-clip
{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 608px;
}

#brand-frames .brand-inner-box .jcarousel-list
{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  list-style: none;
}

#brand-frames .brand-inner-box .jcarousel-list li,
#brand-frames .brand-inner-box .jcarousel-item
{
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  float: left;
  text-align: center;
  width: 102px;
  height: 130px;
}

#brand-frames .brand-inner-box .jcarousel-item table,
#brand-frames .brand-inner-box .jcarousel-item table tr,
#brand-frames .brand-inner-box .jcarousel-item table td
{
  text-align: center;
  width: 102px;
  height: 104px;
  margin: 0 auto;
  border-collapse: collapse;
}

#brand-frames .brand-inner-box .jcarousel-list li a
{
  display: block;
  text-decoration: none;
  color: #999;
  border: 2px solid #fff;
  padding: 0;
}

#brand-frames .brand-inner-box .jcarousel-list li a:hover
{
  border: 2px solid #ff6900;
}

#brand-frames .brand-inner-box .jcarousel-list li a.btn
{
  display: block;
  text-decoration: none;
  color: #fff;
  border: 0;
  padding: 0;
}

#brand-frames .brand-inner-box .previous,
#brand-frames .brand-inner-box .next
{
  display: block;
  width: 16px;
  height: 54px;
  background: url(../images/arrows/slider-basic-nav.gif) no-repeat;
  text-indent: -9999px;
  position: absolute;
  top: 38px;
}

#brand-frames .brand-inner-box .previous
{
  left: 6px;
  background-position: 0 0;
}

#brand-frames .brand-inner-box .next
{
  right: 6px;
  background-position: 100% 0;
}

#brand-frames .brand-inner-box .previous:hover
{
  background-position: 0 100%;
}

#brand-frames .brand-inner-box .next:hover
{
  background-position: 100% 100%;
}





























#brand-map .text h2
{
  text-transform: uppercase;
  font-size: 13px;
}

#brand-map .text p
{
  text-align: center;
  font-size: 13px;
  margin: 0;
  padding: 0;
}

#brand-map .text p.title
{
  margin: 15px 0 5px;
}

#brand-map #map
{
  position: relative;
  left: -14px;
}

#brand-map form
{
  width: 283px;
  height: 33px;
  margin-bottom: 10px;
  background: url(../images/bg-search-map.gif) no-repeat 0 0;
  position: relative;
  left: -4px;
}

#brand-map form input[type=text]
{
  width: 216px;
  height: 21px;
  padding: 0 4px;
  margin: 0 5px 0 6px;
  border: 1px solid #dcdcdc;
  font-size: 11px;
  color: #999;
  font-style: italic;
  position: relative;
  top: -1px;
}

#brand-map form input.go
{
  width: auto;
  height: auto;
  border: 0;
  position: relative;
  top: 5px;
  font-style: normal;
}

#brand-optician-search-list
{
  margin: 10px auto 0;
  width: 268px;
  height: 102px;
  border: 1px solid #e2e2e2;
  background: #f2f2f2;
  position: relative;
}

#brand-optician-search-list .info-address-box
{
  padding: 35px 20px 0 40px;
}

#brand-optician-search-list .info-address-box .help
{
  position: absolute;
  left: 10px;
  top: 10px;
}

#brand-optician-search-list .address-box
{
  padding: 15px 20px 0 40px;
}

#brand-optician-search-list .address-box .icon
{
  display: block;
  width: 18px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 10px;
  background: url(../images/google_map/marker.png) no-repeat 0 0;
}

#brand-optician-search-list .address-box h3
{
  color: #666;
  font-size: 14px;
  margin: 0;
}

#brand-optician-search-list .address-box .phone
{
  font-style: italic;
  font-weight: bold;
  padding-left: 18px;
  background: url(../images/icons/phone-small.gif) no-repeat 0 0;
}

#brand-optician-search-list .address-box address
{
  font-style: normal;
}

#brand-optician-search-list .address-box .link
{
  position: relative;
  left: -20px;
}

.aside .fitting
{
  float: none;
  margin: 0 auto;
}


#article-document-popup.jqmWindow
{
  top: 20%;
  margin-left: -310px;
  width: 620px;
  height: auto;
}

#article-document-popup #article_popup_file
{
  margin: 10px 0 0;
  height: 500px;
  overflow-y: scroll;
}

/**
 * article
 */
#article
{
  width: 640px;
}


#article .actu-category,
#article .actu-title
{
  text-align: center;
  width: 500px;
  margin: 0 auto 10px;
}

#article .actu-title
{
  padding-top: 15px;
}

#article .actu-intro
{
  margin-bottom: 10px;
}

#article .actu-main-mf
{
  width: 680px;
  position: relative;
  left: -20px;
  margin-bottom: 15px;
}

#article .actu-content
{
  clear: both;
  width: 100%;
  position: relative;
}

#article .actu-text
{
  position: relative;
  width: auto;
}

#article .actu-left
{
  width: 254px;
  margin-right: 15px;
  position: relative;
  float: left;
}

#article .actu-left ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#article .actu-left .actu-image
{
  text-align: center;
  margin-bottom: 20px; 
}

#article .actu-left .actu-links
{
  background: #f3f3f4;
  padding: 15px;
}

#article .actu-left .actu-links h2
{
  margin: 0 0 20px;
  padding: 0;
  font-size: 16px;
}

.actu-frames-title
{
  clear: both;
  padding-top: 30px;
  margin: 0 0 10px 5px;
  font-size: 15px;
  color: #ff6900;
}

#article p
{
  overflow: auto;
  height: auto;
  margin: 0;
  padding: 0;
}


/**
 * Activités
 */

 #activity-filters .filter-section
{
  margin: 0 0 10px;
}

#activity-filters .filter-section .filter-inner-section
{
  margin: 0 0 0 15px;
}

.sports-trigger
{
  margin: 0 0 10px;
}


/**
 * BO Opticien - Mes factures
 */

table#optician-invoices
{
  margin-left: -10px;
  margin-bottom: 10px;
  width: 105%;
}

table#optician-invoices td.invoice-reference,
table#optician-invoices th.invoice-reference
{
  width: 60px;
}
table#optician-invoices td.invoice-description,
table#optician-invoices th.invoice-description
{
  padding: 2px 5px;
  width: 130px;
}

table#optician-invoices td.invoice-description
{
  text-align: left;
}

table#optician-invoices td.invoice-amount,
table#optician-invoices th.invoice-amount
{
  width: 50px;
}

table#optician-invoices td.invoice-date,
table#optician-invoices th.invoice-date
{
  width: 60px;
}

table#optician-invoices td.invoice-file,
table#optician-invoices th.invoice-file
{
  width: 45px;
  padding: 5px 0;
}

div#invoice-advice
{
  margin: 0 0 10px;
  position: relative;
}

div#invoice-advice span
{
  display: block;
  float: right;
  width: 150px;
  text-align: right;
}

h2.toggler
{
  position: relative;
}

h2 a.toggler
{
  position: absolute;
  right: 0;
}

a.pdf-link
{
  background:url("/images/pdf-ico.gif") no-repeat scroll left center transparent;
  display:block;
  margin:10px;
  padding:10px 0 10px 30px;
}
#actualite-filters
{
  text-align: center;
}

#actualite-filters .filter-section
{
  text-align: left;
  position: relative;
  margin-bottom: 15px;
}

#actualite-filters h2
{
  width: 170px;
  margin: 0 auto 15px;
}

#actualite-filters label
{
  font-size: 11px;
}

#actualite-filters h4
{
  font-size: 13px;
  padding-left: 14px;
  background: url(/images/bullet.gif) no-repeat 0 50%;
  text-decoration: underline;
}

#actualite-filters .radio_list li
{
  float: none;
  margin-left: 10px;
}

#actualite-filters .general .radio_list li
{
  margin: 0 0 15px;
  padding-left: 14px;
  background: url(/images/bullet.gif) no-repeat 0 50%;
}

#actualite-filters .splittedcheckboxes-first .radio_list li
{
  float: left;
  width: 102px;
  margin-left: 0;
}

#actualite-filters .splittedcheckboxes-first
{
  margin: 0 0 5px 10px;
}

#actualite-filters input
{
  vertical-align: middle;
}

#actualite-filters .filter-section li
{
  font-size: 13px;
}

#actualite-filters .filter-section.splittedcheckboxes li
{
  font-size: 11px;
}

#actualite-filters .general .radio_list li label
{
  font-size: 13px;
  color: #666;
  text-decoration: underline;
}

.splittedchecked
{
  font-weight: bold;
}