*{
	margin: 0px;
	padding: 0px;
	/*behavior: url(../javascript/iepngfix.htc);	*/
}

body{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url("../img-verres/background.jpg") repeat-y top;
	margin: auto;
	/* background: url("img-verres/background.jpg") no-repeat top; */

	background-color: #cbedff;

}

									/* Header */
#header{
	width: 900px;
	height: 133px;
	margin: auto;
}

img{
	border: solid 0px black;
}

.logo{
	width: 360px;
	height: 95px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 18px;
	color: #39aae5;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0px;
}

.logo a, .logo a:hover, .logo a:active{
	text-decoration: none;
	color: #39aae5;
}

.telAndBasket{
	height: 90px;
	float: right;
	padding-top: 1px;
	text-align: right;	
}

#web_optim_header{
 color:#39AAE5;
 float: right;
}

#web_optim_header a, #web_optim_header:hover, #web_optim_header a:active{
 color:#39AAE5;
 text-decoration: none;
}

#national_health_insurance_and_press {
	/*position: absolute;
	top:60px;
	right:260px;*/
	clear:both;
	float: right;
	width:500px;
}

.uneoLeft{
	float: left;
}

#press_link {
	/*margin-right: 75px;*/
}
									/* Menu */
#menu{
	width: 902px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background: url("../img-verres/menu/navBarre.png") no-repeat top left;
}

#menu img,  #menu a img{
	border: none;
	outline: none;
}


									/* Promo */
#promo{
	width: 900px;
	height: 230px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
	background: url("../img-verres/promo.jpg") no-repeat top;
	color: #57666D;
}

#contentPromo{
	width: 358px;
	height: 210px;
	float: left;
	margin-top: 10px;
	margin-left: 200px;
}

.contentPromoTitle{
	width: 350px;
	height: 34px;
	padding-left: 6px;
	line-height: 34px;
}

.promoH2{
	font-size: 22px;
	font-weight: bold;
	text-decoration: underline;
	color: #57666D;
}

.contentPromoText{
	width: 300px;
	margin-left: 50px;
}

.contentPromoTextLineOne{
	width: 100%;
	height: 23px;
	font-weight: bold;
	font-size: 18px;
}

.contentPromoTextLineTwo{
	width: 100%;
	height: 21px;
	font-style: italic;
	font-weight: lighter;
	font-size: 17px;
}
		
#video{
	width: 328px;
	height: 210px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

#certification, #satisfaction { cursor: pointer;}

.question, .question a, .question a:hover, .question a:visited{
	color: #0069B2;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	float: left;
	width: 130px;
	outline: none;
}

.icone{
	width: 16px;
	height: 26px;
	float: left;
	padding-top: 4px;
}

#specialQuestion{
	overflow: hidden;
}

.size12{
	font-size: 12px;
}

.size26{
	font-size: 26px;
}

.size30{
	font-size: 30px;
}

									/* Content */
									
#content{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.subPartTitle{
	width: 800px;
	margin: auto;
	font-size: 15px;
	margin-top: 15px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
/*	height: 25px; */
	margin-bottom: 30px;
	padding-top: 5px;
}

.subContainer{
	margin: auto;
	text-align: center;
	width: 520px;
	margin-bottom: 2px;
}

.w150, .w200{
	text-align: left;
	line-height: 20px;
	float: left;
}

.w150{
	width: 150px;
}

.w200{
	width: 200px;
}

.w300{
	margin-left: 200px;
	text-align: left;
	width: 300px;
	line-height: 20px;
}

.loginw300{
	margin-left: 20px;
	text-align: left;
	width: 300px;
	line-height: 20px;
}

.sw300{
	width: 300px;
}

.sw200{
	width: 200px;
}

.sw175{
	width: 175px;
}

.sw140{
	width: 140px;
}

.sw143{
	width: 143px;
}

.formItemInput{
	float: right;
	width: 200px;
	line-height: 20px;
	margin-right: 20px;
}

.formItemInputNHI{
	float: right;
	width: 210px;
	line-height: 20px;
	margin-right: 70px;
}

.formItemInputSubmit{
	float: right;
	width: 200px;
	line-height: 20px;
	margin: 0 20px 10px 0;
	text-align: right;
}

.formItemLegend{
	width: 175px;
	line-height: 20px;
	font-size: 12px;
	margin-left: 30px;
}

.formItemLegendFieldsetTitle {
        width: 175px;
        line-height: 20px;
        font-size: 12px;
        font-weight: bold;
	margin-left: 5px;
}

.close{
	float: right;
	margin-left: 10px;
	visibility: inherit;
}

.supplier_logo{
	float: right;
	visibility: inherit;
	margin: 15px 23px 0 10px;
}

.error{
	line-height: 20px;
	color: red;
	text-align: center;
}

									/* Footer */
#footer{
	width: 900px;
	height: 180px;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
	background: url("../img-verres/bottom/bottomBackground.png") no-repeat top;
}

#footer img,  #footer a img{
	border: none;
	padding-right: 13px;
}

#footer a:hover{
	text-decoration: underline;
}

.france{
	width: 253px;
	height: 160px;
	float: left;
	padding-top: 5px;
}

.france, .france a{
	font-size: 13pt;
	font-weight: bold;
	color: #207ec6;
	text-decoration: none;
}

.france a:hover, .france a:visited, .france a:active {
	color: gray;
	text-decoration: none;
}

.opticians{
	width: 610px;
	height: 120px;
	float: right;
	text-align: left;
	text-transform: none;
	color: #2A5790;
	font-size: 9pt;
	font-weight: bold;
	background: #fff;
}

.copyright{
	width: 584px;
	height: 65px;
	float: right;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	font-size: 9px;
	font-weight: bold;
}

.bottom{
	width: 570px;
	height: 18px;
	float: right;
}

.bottom, .bottom a{
	text-align: left;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
}

.bottomRight {
	width: 615px;
	height: 165px;
	float: right;
	overflow: hidden;
	background: #fff;
	text-align: left;
	padding-left: 15px;
}

.bottomRight hr{
	clear: both;
	color: #2A5790;
}

.securePayment {
	width: 610px;
	height: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
	float: right;
	overflow: hidden;
	background: #fff;
	text-align: left;
	border-top: solid 1px #2A5790;
}

.who{
	width: 230px;
	height: 18px;
	float: left;
	padding-left: 0px;
}

.about{
	width: 152px;
	height: 18px;
	float: left;
	padding-left: 10px;
}

.commitments{
	width: 160px;
	height: 18px;
	float: left;
	padding-left: 10px;
}

									/* Links */
#links{
	width: 900px;
	height: 180px;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 10px;
}

#links h1, #links h2, #links h3{
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding:0;
	display:inline;		
	color: #333333;
}

#links h1:before, #links h2:before, #links h3:before {
	content: url("");
}

#links a, #links a:visited{
	color: grey;
}

#links a:hover, #links a:active, #links a:focus{
	text-decoration: underline;
}

#pageFooterProperty a, a:hover, #pageFooterProperty a:active, #pageFooterProperty a:focus {
	text-decoration: none;	
	color: #333333;
}
									/* Other */
.center{
	text-align: center;
}

.headerFr{
	float: right;
	height: 40px;
}

.headerFr p{
	padding-top: 10px;
}

.contactText{
	background: url("../img-verres/contactTel.png") no-repeat top;
	width: 109px;
	float: right;
	height: 28px;
	color: white;
	padding-top: 12px;
	text-align: center;
	font-weight: bold;
}

.rollBackStep1{
	width: 185px;
	height: 40px;
	float: left;
	z-index: 2;
}

#rollBackContainer a{
	height: 40px;
	width: 100%;
	display: block;
}

.rollBackStep2{
	width: 175px;
	margin-left: 10px;
	height: 40px;
	float: left;
	z-index: 2;
}

.rollBackStep3{
	width: 155px;
	margin-left: 10px;
	height: 40px;
	float: left;
	z-index: 2;
}

.rollBackStep4{
	width: 165px;
	margin-left: 10px;
	height: 40px;
	float: left;
	z-index: 2;
}

#rollBackContainer{
	height: 41px;
	display:block;
	width: 875px;
	margin-left: -10px;
}

.imgLink:hover{
	text-decoration:none;
	cursor: pointer;
}

.informationCurrentPage{
	width:875px;
	overflow:hidden;
	clear:both;
	display:block;
	text-align: left;
	color:#2B5790;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

.infoTop{
	background: url("../img-verres/infoTop.png") no-repeat bottom;
	width: 875px;
	height: 10px;
}

.infoMiddle{
	background: url("../img-verres/infoMiddle.png") repeat-y top;
	width: 855px;
	padding-left: 20px;
	font-weight: bold;
}

.infoBottom{
	background: url("../img-verres/infoBottom.png") no-repeat top;
	width: 875px;
	height: 10px;
}

.visionIndex {height: 32px;}

.correction{height: 142px;}

.visionIndex, .correction{
	color: #2B5790;
	font-size: 16px;
	float: left;
	padding-top: 10px;
	width: 170px;
	font-weight: bold;
}

.w200B, .w150B{font-size: 14px;}

div.inDivLeftGlobalContainer{
	width: 698px;
	float: left;
}

div.inDivLeftTop {
	background: url("../img-verres/intraDivLeftTop.png") no-repeat bottom;
	width: 690px;
	height: 15px;
	margin-top: 15px;
}

div.inDivLeftMiddle{
	background: #fff/* url("../img-verres/intraDivLeftMiddle.png") repeat-y top */;
	padding-right: 10px;
	padding-left: 10px;
	width: 666px;
	text-align: left;
	border-left: solid 1px #2B5790;
	border-right: solid 1px #2B5790;
	margin-left: 1px;
	overflow: hidden;
}

div.inDivLeftBottom{
	background: url("../img-verres/intraDivLeftBottom.png") no-repeat top;
	width: 690px;
	height: 15px;
}

img.middle{
	vertical-align: middle;
	margin-right: 3px;
}

.result{
	background-image: url("../img-verres/divSearchResults.png");
	background-repeat: no-repeat;
	background-position: top;
	width: 685px !important;
	margin-left: 0px !important;
	width: 700px;
	height: 48px;
	margin-right: 0;
	margin-top: 7px;
}


.noResult{
	width: 300px;
	padding-top: 50px;
	height: 64px;
	font-size: 14px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	margin-top: 7px;
	background-color: #bae5fe;
	border: 2px solid white;
}

.resultMarque{
	width: 143px;
	height: 18px;
	padding-top: 3px;
	padding-left: 3px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	float: right;
	margin-top: 3px;
}

.resultMarque2{
	width: 143px;
	height: 16px;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 10px;
	font-style:italic;
	text-align: center;
	float: right;
	margin-top: 2px;
}


.resultPrix{
	width: 50px;
	height: 38px;
	padding-top: 6px;
	padding-bottom: 4px;
	line-height: 19px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	float: right;
}

.resultLabel{
	padding-top: 16px;
	padding-left: 3px;
	width: 34px;
	height: 32px;
	line-height: 48px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	float: right;
	vertical-align: middle;
}

.resultPrixLabel{
	width: 83px;
	height: 48px;
	line-height: 48px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	float: right;
	vertical-align: middle;
	padding-right: 8px;
}

a.labelResultPrix{
	color: black;
	
}

.priceAfterRebate {
	color: red;
}

.resultAminci{
	width: 144px;
	height: 48px;
	line-height: 48px;
	font-size: 13px;
	text-align: center;
	float: right;
}

.treatment0{
	width: 211px;
	margin: 1px;
	height: 46px;
	line-height: 46px;
	font-size: 12px;
	text-align: center;
	float: right;
	background: url("../img-verres/bgTreatment0.png") no-repeat top left;
}

/*
	width: 205px;
	height: 41px;
	line-height: 41px;
	font-size: 12px;
	padding-left: 5px;
	text-align: left;
	text-indent:5px;
	padding-left: 0px;
	float: right;
	background-color: #0066FF;
	margin-top: 3px;
*/


.treatment1{
	width: 211px;
	margin: 1px;
	height: 46px;
	line-height: 46px;
	font-size: 12px;
	text-align: center;
	float: right;
	background: url("../img-verres/bgTreatment1.png") no-repeat top left;
}

.treatment2{
	width: 211px;
	margin: 1px;
	height: 46px;
	line-height: 46px;
	font-size: 12px;
	text-align: center;
	float: right;
	background: url("../img-verres/bgTreatment2.png") no-repeat top left;
}

.treatment3{
	width: 211px;
	margin: 1px;
	height: 46px;
	line-height: 46px;
	font-size: 12px;
	text-align: center;
	float: right;
	background: url("../img-verres/bgTreatment3.png") no-repeat top left;
}

.resultRecommandationOk{
	width: 86px;
	height: 41px;
	padding-top: 5px;
	font-size: 9px;
	font-style:italic;
	text-align: center;
	float: right;
	background: #66FF66;
	margin-top: 1px;
}

.resultRecommandation{
	width: 87px;
	height: 32px;
	padding-top: 10px;
	font-size: 9px;
	font-style:italic;
	text-align: center;
	float: right;
	margin-top: 3px;
}

.resultLogo{
	width: 25px;
	height: 25px;
	text-align: center;
	float: left;
	margin-left: 6px;
	margin-top: 10px;
}

.resultsContainer{
	width: 689px;
	overflow: hidden;
	z-index: 1;
}

.resultsContainerEnd{
	margin-left: 150px;
	width: 700px;
	overflow-y: auto;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertival;
	text-align: right;
	border: solid 1px red;
}

/* button
------------------------------------------*/

.classButton{
	width: 162px;
	height: 42px;
	padding-top: 5px;
	font-size: 16px;
	color: #fff;
	background-image: url("../img-verres/button/classButton.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	text-transform: uppercase;
	text-align: center;
	border: none;
	outline: none;
	cursor: pointer;
}

.classButton:hover{
	color:#2B5790;
}

.classButtonBig{
	width: 210px;
	height: 42px;
	padding-top: 5px;
	font-size: 16px;
	color: #fff;
	background-image: url("../img-verres/button/classButtonBig.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	text-transform: uppercase;
	text-align: center;
	border: none;
	outline: none;
	cursor: pointer;
}

.classButtonBigBig{
	width: 290px;
	height: 42px;
	padding-top: 5px;
	font-size: 16px;
	color: #fff;
	background-image: url("../img-verres/button/classButtonBigBig.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	text-transform: uppercase;
	text-align: center;
	border: none;
	outline: none;
	cursor: pointer;
}

.classButtonBigBigBig{
	width: 375px;
	height: 42px;
	padding-top: 5px;
	font-size: 16px;
	color: #fff;
	background-image: url("../img-verres/button/classButtonBigBigBig.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	text-transform: uppercase;
	text-align: center;
	border: none;
	outline: none;
	cursor: pointer;
}

.classButtonBig:hover{
	color:#2B5790;
}

/* calage
------------------------------------------*/
								
.calage5 {width: 100%; height: 5px; clear: both; display: block;}
.calage10 {width: 100%; height: 10px; clear: both; display: block;}
.calage15 {width: 100%; height: 15px; clear: both; display: block;}
.calage20 {width: 100%; height: 20px; clear: both; display: block;}
.calage25 {width: 100%; height: 25px; clear: both; display: block;}
.calage30 {width: 100%; height: 30px; clear: both; display: block;}