body{background: #cfcecf url(../images/background.jpg) no-repeat top left;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#body {width:980px;margin:auto;}
#header {width:980px;height:196px;background-image:url(../images/header.png);background-repeat:no-repeat;margin-left:auto;margin-right:auto;margin:auto;	margin-top:0px;	padding-top:5px;}
#content {}
#footer {clear:both;width:924px;height:80px;background-image:url(../images/footer.png);margin:15px auto;padding-top:45px;text-align:center;}
#menuF {width:880px;margin:auto;padding:0;text-align:center;}
#menuF span {}
#menuF span a {color:white;font-size:13px;text-decoration:none;padding-right:20px;margin-right:0px;background:url(../images/sepafooter.png) no-repeat top right;}
#compteur {color:#FFF;}
#compteur a {background:none !important;padding-right:0px !important;}
#menuF span a:hover {color:#4197d9;font-size:13px;text-decoration:underline;}
#footLinks {clear:both;margin-top:100px;}
#footLinks a {color:#666;font-size:9px;text-decoration:none;}
#menu{width:890px;height:61px;margin:auto;padding:0;list-style:none}
#menu li {display:block;float:left;font-size:11px;}
#menu li a {display:block;height:60px;background:url(../images/sprite-menu.png) no-repeat;text-decoration:none;}
#menu li ul li a {background:none;}
#menu li a#m1 {background-position:0 -59px;width:141px}
#menu li a#m1:hover {background-position:0 0;width:141px}
#menu li a#m2 {background-position:-141px -59px;width:119px;}
#menu li a#m2:hover {background-position:-141px 0;width:119px;}
#menu li a#m3 {background-position:-260px -59px;width:153px;}
#menu li a#m3:hover {background-position:-260px 0;width:153px;}
#menu li a#m4 {background-position:-413px -59px;width:147px;}
#menu li a#m4:hover {background-position:-413px 0;width:147px;}
#menu li a#m5 {background-position:-560px -59px;width:118px;}
#menu li a#m5:hover {background-position:-560px 0;width:118px;}
#menu li a#m6 {background-position:-678px -59px;width:203px;}
#menu li a#m6:hover {background-position:-678px 0;width:203px;}
#sousmenuLunettes,#sousmenuAccessoires{background:url(../images/toggle.png) no-repeat;margin:0;padding:0; position:absolute; width:272px; height:100px;margin-top:-11px;opacity:0;filter:alpha(opacity=0);z-index:3;visibility:hidden;}
#sousmenuLunettes{background:url(../images/toggle-2.png) no-repeat;width:402px;}
#sousmenuLunettes li, #sousmenuAccessoires li {display:block;float:left;width:134px;height:100px;padding:0;margin:0;}
#sousmenuLunettes li div, #sousmenuAccessoires li div {width:84px;margin:auto;text-align:center;color:#FFF;}
#sousmenuAccessoires {}
#colLeft {width:250px;float:left;}
#colRight {width:730px;float:left;}
#panelContainer {width:220px;height:225px;overflow:hidden;position:relative;z-index:2;}
.panel {float:left;width:220px;height:225px;}
#panelLayer {position:relative;width:9999999px;z-index:1;}
.box-decale {width:200px;color:#FFF;margin-bottom:25px;}
.box-decale h2{background:url(../images/hautmenupanierdecal.png) no-repeat top left;height:37px;width:200px;text-align:center;margin:0;padding-top:3px;}
.box-decale ul {margin:0;list-style:none;padding:0;}
.box-decale ul li {margin:0;padding:0;margin-left:17px;width:183px;height:24px;background:url(../images/fondmenugauche.png) no-repeat;}
.box-decale ul li a {background:url(../images/puce.png) no-repeat left; padding-left:15px;margin-left:25px;color:#FFF;text-decoration:none;font-size:14px;;}
.box-decale ul li.bottom {background:url(../images/fondmenugauchebottom.png) no-repeat;}
.box-decale ul#cgv li, .box-decale ul#menu_gauche li {background:url(../images/fondmenugauchebottom.png) repeat-y;height:auto;padding-bottom:15px;}
.box-decale ul#cgv li a, .box-decale ul#menu_gauche li a {background:none;padding-left:0;margin-left:2px;}
#essai_droite {float:right;width:380px;}
.essais { width:340px; }
#dhtmltooltip {position: absolute;border: 1px solid black;padding: 3px;background-color: lightyellow;visibility: hidden;z-index: 100;left: 12px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#centerauth{width:980px;height:306px;margin-left:auto;margin-right:auto;margin-top:20px;}
#leftauth{margin-top:65px;width:297px;height:231px;float:left;margin-left:130px;background-image:url(../images/loginclientback.png);}
#rightauth{	margin-top:65px;width:297px;height:231px;float:left;margin-left:130px;background-image:url(../images/loginnewclientback.png);}
#bottomauth p{margin-top:65px;font-size:17px;color:#4a4a4b;width:400px;margin-left:auto;margin-right:auto;font-family: Arial,Trebuchet,Comic Sans Ms;}
#bottomauth p a{color:#4a4a4b;}
#bottomauth p a:hover{color:#4a4a4b;text-decoration:underline;}
.boutonform{text-align:center;}
.decalform{font-size:14px;color:#b0b0b0;margin-top:85px;margin-left:40px;}
#searchlunettesoptiques{border: 1px solid gray;height: 205px;}
.sample {width:502px;margin:auto;height:75px;}
.mask1 {width:400px;height:100px;overflow:hidden;margin:auto;float:left;position:relative;z-index:2;}
.mask2 {width:400px;height:80px;overflow:hidden;margin:auto;float:left;position:relative;z-index:2;}
#box1,#box2  {height:100px;position:relative;z-index:1;}
#box1 {height:100px;}
#box1 span {float:left;display:block;width:300px;height:100px;margin:0 50px}
#box2 span {float:left;display:block;width:90px;height:80px;margin-right:70px;}
#box1 span a img, #box2 span a img {border:none;}
a.handleSlideRight,a.handleSlideLeft {display:block;text-decoration:none;width:32px;height:32px;background:url(../images/jcarousel_next.png) no-repeat;background-position:0 0;float:right;margin-top:20px;}
a.handleSlideLeft {background:url(../images/jcarousel_prev.png) no-repeat;float:left;margin-right:15px;}
a.handleSlideRight:hover, a.handleSlideLeft:hover  {background-position:-32px;}
a.handleSlideRight:active, a.handleSlideLeft:active {background-position:-64px;}
.resultat { float:left; width:340px; height:170px; margin-left:20px; }
#moteur {font-size:14px;margin-bottom:15px;}
.titre-tableau { background-color:#3B97D0; color:#FFFFCC; font-size:11px; }
.texte-tableau { background-color:#f8f8f8; color:#222; font-size:11px; }
.blocmenulunettes{width:215px;text-align:center;margin-top:100px;float:left;height:130px;float:left;}
.blocmenulunettes img{border: 0px solid black;}

.linkmenulunettes{color:gray;font-size:20px;text-decoration:none;}
.linkmenulunettes:hover{ color:#4197d9;font-size:20px;text-decoration:underline;}
.logoMarque { border:0; margin-right:1px; }
.resultat { float:left; width:340px; height:170px; margin-left:20px; }
.red { color:red; font-weight:bold; }
.green { color:green; font-weight:bold; }
.barre { text-decoration:line-through; }
.detail { float:left; width:380px; margin-left:20px; }
.current {font-size:16px; color:#333;}
form#compte label { display:block;height:30px;clear:both; }
form#compte label input, form#compte label select { float:right; }
#topbar{width:730px;margin-top:30px;background-color:white;border: 1px solid black;height:75px;}
#topbar a {border:none;text-decoration:none;color:#000;}
#topbar a img {border:none}
#topbar .evolutionpanier{float:left;margin-right:30px;text-align:center;}
#topbar .evolutionpanier span{display:block;text-align:center;}
#container-1 ul {margin:0;padding:0;}
#container-1 li {float: left;margin: 0 0 0 1px;width: 104px;list-style:none;}
#container-1 ul li a {display: block;padding: 0;margin:0 5px;background: url(../images/tab.png) no-repeat;background-position: 0 0px;height:25px;}
#container-1 ul li a:hover, #container-1 ul li.selected a{background-position: 0 -50px;top:1px;}
#container-1 ul li a span {display:block;position:relative;width:100%;background: url(../images/tab.png) no-repeat;background-position: 100% -100px;z-index:2;margin-left:10px;padding:0;height:20px;padding-top:5px}
#container-1 ul li a:hover span, #container-1 ul li.selected a span{background-position:100% -150px;}
#container-1 a {position: relative;z-index: 2;padding:5px 0; color: #27537a; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap;}
#showFax,#showCourrier,#showEmail,#showTelechargement {display:none;border:1px solid #999;padding:15px;width:80%;min-width:350px;margin:20px auto;}
#fragment-1 {clear:both;font-size:13px;border-top:1px solid #97A5B0;background:#FFF;padding:20px;}
#accueilTxt {background:#fff;width:439px;margin:auto;}
h1 {color:gray;font-size:22px;margin-bottom:25px;margin-top:25px;text-align:center;}

#search {position:absolute;left:50%;margin-left:350px;margin-top:-20px;}
#search input {font-size:10px;}
#feedVille {width:159px;height:22px;float:right;top:0;}
