@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	margin: 0px;
 	padding: 0px;
	font-size: 12px;
    line-height: 16px;
    font-family: Helvetica, Arial, "Trebuchet MS", Sans-Serif;
    color: #fdfffb;
    background-color: ;
	background: #2a303c url(../images/divers/global-background.jpg) repeat-x top;
	
}

img {
	border:0px;
}
p {
	font-size: 12px;
	color: #404652;
    font-weight: normal;
    text-transform: none;
	margin: 3px 0px -3px 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

hr { 	
	border-bottom: 2px #FFFFFF dotted;
	border-top: 0px;
	margin: 5px 0px 5px 0px;
}

ul {
	padding: 10px 0px 0px 0px;
 }

li {
 	/*background-image: url(../images/divers/li-point.jpg);*/
 	background-repeat: no-repeat;
 	background-position: left center;
 	list-style-type: none;
	padding: 0px 0px 0px 10px;
 }

a {
	text-decoration: none;
    color: #5d6b85;
}

#container {
    width: 968px;
    margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}


/*--------------- HEADER --------------*/

#header {
	width: 968px;
    height: 99px;
	background: url(../images/header/header-background.jpg) repeat-x top;
	margin: 0;
	padding: 0;
}

#logo {
	width: 294px;
    height: 62px;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 16px;    
	float: left;
}

#headerright {
	float: right;
	width: 370px;
    height: 50px;
	margin: 26px 0px 0px 280px;
	padding: 0;
}

.headerrightbuttons {
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 33px;
	height: 39px;
	float: left;
}

.headerrightsearch {
	width: 180px;
	margin: -3px 0px 0px 0px;
	padding: 24px 0px 0px 10px;
	float: left;
	
}

.inputgo {
	border-bottom: 1px solid #8992a0;
	border-top:	1px solid #8992a0;
	border-left: 1px solid #8992a0;
	border-right: 0px;
	color:#999;
	width: 140px;
	height:18px;
    font-family: Arial, "Trebuchet MS", Sans-Serif;
    
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 3px;

}

.buttongo { /* firefox */
	float: left;
	margin: -20px 0px 0px 143px;
	padding: 0;
}

*+html .buttongo { /* ie7 */
	float: left;
	margin: -21px 0px 0px 142px;
	padding: 0;
}

* html .buttongo { /* ie6 */
	float: left;
	margin: -21px 0px 0px 142px;
	padding: 0;
	}


.headerrightessilor {
	margin: -18px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width:105px;
	height: 62px;
}



/*------------- NAVBAR ----------------*/

#navbar {
    width: 968px;
    height: 20px;
    padding: 0;
    margin-top: 0;
	background: transparent url(../images/header/navbar-background.jpg) no-repeat left top;
}

.navbarbutton {
    float: left;
    height: 20px;
}

.navbarbetweenbutton {
    width: 2px;
    height: 19px;
    float: left;
    padding: 0;
    margin: 0;
	background: transparent url(../images/header/navbar-between.jpg) repeat-x left top;
}

#navbar a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	margin: 0;
	padding: 3px 11px 0px 11px;
    font-size: 14px;
}

#navbar a:hover{
	font-weight: normal;
	text-decoration: none;
	color: #373b46;
	margin: 0;
	padding: 3px 11px 0px 11px;
    font-size: 14px;
}

#navbar a.activ{
	font-weight: normal;
	text-decoration: none;
	color: #373b46;
	margin: 0;
	padding: 3px 11px 0px 11px;
    font-size: 14px;
}

/* --------------------- CONTENT ------------------*/

#content {
	float: left;
    width: 968px;
}

#contentleft {
    width: 220px;
    height: 400px;
    float: left;
    margin: 0;
	padding: 0;
    font-family: Arial, Helvetica, "Trebuchet MS", Sans-Serif;
}
	
#contentleft a, #contentleft a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #3e4755;
}

#contentleft a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

#contentleft a.activ {
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}
	
#breadcrumbs { /* fil d'ariane */
    width: 928px;
	height: 20px;
	margin: 0px 20px 0px 0px;
	padding: 8px 20px 0px 20px;
    float: left;
	font-size: 12px;
	background: #010101;
	color: #3e4755;
	
}
	
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #3e4755;
}

#breadcrumbs a.activ {
	color: #ffffff;
}

/* ----------------------- MENU -----------------------*/

#menu {
	float: left;
	color: #3e4755;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
	
#menutitletop {
	width: 180px;
    height: 12px;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/the-varilux-brand/menutitletop-background.jpg) no-repeat bottom;
}
	
#menutitlemiddle {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 3px 10px;
	text-transform:uppercase;
	font-weight: normal;
	background: transparent url(../images/menu/menutitlemiddle-background.jpg) repeat-y top;    
	font-size:17px;
	line-height:20px;
}
	
#menutitlebottom {
	width: 180px;
    height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/menu/menutitlebottom-background.jpg) no-repeat top;    
}
	
#menumiddle {
	margin: -8px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	background: transparent url(../images/menu/menumiddle-background.jpg) repeat-y top; 
	font-size:12px;
}

#menubottom {
	width: 180px;
    height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.menuseparation {
	width: 150px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background: transparent url(../images/menu/menu-separation.jpg) repeat-x left center; 
}

#contentmiddle {
    width: 748px;
	margin: 0;
	padding: 0;
    float: left;
}

#blockbottom {
    width: 734px;
    height: 17px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
    float: left; 
}

#blockbanner {
	float: left;
    width: 748px;
    height: 61px;
	margin: 0;
	padding: 0;
      
}
#blockbanner h2 {
	color: #ffffff; /* banner title */
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	margin: 0px 0px 0px 20px;
	padding: 25px 0px 0px 0px;
	text-transform: uppercase;
}

#blockbanner h2 sup{
	font-size: 12px;
}

#blocktabs {
	float:left;
    width: 698px;
    height: 33px;
	margin: 10px 0px 0px -3px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/tabs/background.jpg) repeat-x top left;
	font-size: 14px; 
}

#blocktabs a:link, #blocktabs a:visited {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #3e4755;
	margin: 0 0 0 0;
	padding: 10px 10px 0px 10px;
    font-size: 15px;
}

#blocktabs a:hover, #blocktabs a.activ{
	font-weight: bold;
	text-decoration: none;
	color: #666666;
    font-size: 15px;
}

.blocktabinactivleft {
    width: 12px;
    height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float: left;
	background: transparent url(../images/tabs/inactiv-left.jpg) repeat-x top left;
}

.blocktabinactivmiddle {
    height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float: left;
	background: transparent url(../images/tabs/inactiv-middle.jpg) repeat-x top left;   
}

.blocktabinactivright {
    width: 12px;
    height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float: left;
	background: transparent url(../images/tabs/inactiv-right.jpg) repeat-x top left;  
}

.blocktabactivleft {
    width: 12px;
    height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float: left;
	background: transparent url(../images/tabs/activ-left.jpg) repeat-x top left; 
}

.blocktabactivmiddle {
    height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float: left;
	background: transparent url(../images/tabs/activ-middle.jpg) repeat-x top left;
}

.blocktabactivright {
    width: 12px;
    height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float: left;
	background: transparent url(../images/tabs/activ-right.jpg) repeat-x top left;   
}

#blockmiddle {
	float: left;
    width: 695px;
	margin: 0;
	padding: 0;  
}

#blocktopleft {
	float: left;
    width: 20px;
    height: 293px;
	margin: 0;
	padding: 0;
}

#blocktopright {
	float: left;
    width: 21px;
    height: 293px;
	margin: 0;
	padding: 0;
}

#blocktext {
	float: left;
    width: 695px;
	margin: 0;
	padding: 0px 0px 25px 0px;
}

.blockcontentleft {
	float: left;
    width: 433px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.blockcontentleft p {
	padding: 7px 10px 0px 10px;
	text-align: justify;
}

.blockcontentleft_1_3 p {
	padding: 7px 10px 0px 10px;
	text-align: justify;
}
.blockcontentleft_2_3 p {
	padding: 7px 10px 0px 10px;
	text-align: justify;
}

.blockcontentright {
	margin: 0;
	padding: 0;
    float: right;
    width: 255px;
}

.blockcontentright p{
	padding: 7px 0px 0px 0px;
}

.blockcontentleft_1_3 {
	float: left;
    width: 144px;
	margin: 0;
	padding: 0;
}

.blockcontentleft_2_3 {
	float: left;
    width: 288px;
	margin: 0;
	padding: 0;
}

.blockcontent6photos {
	float: left;
    width: 245px;
	margin: 0;
	padding: 0;
}



/* ------------------- FOOTER ----------------- */

#footer {
	float:left;
    width: 968px;
    height: 21px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    background-color: #1d212a;
    text-align: center;
    color: #b1adaa;
    font-family: Arial, Helvetica, "Trebuchet MS", Sans-Serif;
 }

#footer a, #footer a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #b1adaa;
    font-size: 10px;
}

#footer a:hover, #footer a:active {
	font-weight: normal;
	text-decoration: none;
	color: #b1adaa;
}

#footerbackground {
    width: 968px;
    height: 50px;
    margin-top:0px;
    margin-bottom:0px;
    background-color: #2a303c;
    padding: 10px 0px 10px 0px;
    clear: both;
    text-align: center;
    color: #d9eae8;
}


.spacer {
	clear: both;
}

/* ----------------- INDEX ------------------- */

#indeximage {
	width: 968px;
	height: 452px
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #1d212a;
}

/* ----------------- WORLD ------------------- */

#worldbackground {
	width: 968px;
	height: 458px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #515d73 url(../images/divers/world-background.jpg) no-repeat left top;
}

#worldcontent {
	width: 250px;
	height: 260px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
    padding: 80px 0px 0px 20px;
    background: url(../images/divers/world-border.jpg) no-repeat left center;
    font-family: Helvetica, Arial, "Trebuchet MS", Sans-Serif;
}

#worldtitle {
	width: 250px;
	height: 20px;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 22px;
    font-weight: normal;
}

.worldcountry {
	position: relative;
	width: 250px;
	height: 30px;
    margin-left: auto;
    margin-right: auto;
}

.worldcountryflag {
	float: left;
	width: 19px;
	height: 13px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}

.worldcountryname a {
	float: left;
	width: 200px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}


/* ----------------- CONTENT PRESS ROOM ------------------- */

#medialibraryarticles {
	float: left;
    width: 650px;
    margin: 10px 10px 10px 10px;
    padding: 10px 0px 0px 0px;
}

.medialibraryarticle {
    width: 150px;
    height: 200px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 5px 0px;
    float: left;
    }
    
.medialibraryphoto {
    width: 150px;
    height: 130px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    }
    
.medialibrarytext {
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #3f4659;
    font-size: 12px;

    } 
    
#medialibrarytypes {
	float: left;
    width: 150px;
    margin: 20px 0px 0px 20px;
    padding: 10px 0px 0px 0px;
    color: #3f4659;
    border-left: solid 1px #abacc0;
    }

.medialibrarytype {
    float: left;
    width: 130px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 10px;
    font-size: 14px;
    font-weight: bold;
    }
    
.medialibrarytypepicto {
    float: left;
    width: 54px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
    
.medialibrarytypetext {
    float: left;
    width: 54px;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 15px;
    }
    
#pressandeventsarticles {
	float: left;
    width: 430px;
    margin: 10px 10px 10px 10px;
    padding: 10px 0px 0px 0px;
    color: #44546b;
}

.pressandeventsarticles a {
    color: #44546b;
    text-decoration: none;
}

.pressandeventsarticle {
    float: left;
    width: 450px;
    margin: 0px 10px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: dotted 1px #44546b;
}

.pressandeventsdocs {
	float: left;
    width: 100px;
    margin: 3px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: #44546b;
}
    
.pressandeventsdocpicto {
    float: left;
    width: 19px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
    
.pressandeventsdoctaille {
    float: left;
    width: 40px;
    margin: 2px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

#pressandeventsarchives {
	float: left;
    width: 150px;
    margin: 20px 0px 0px 20px;
    padding: 10px 0px 0px 20px;
    border-left: solid 1px #abacc0;
    color: #44546b;
}

#pressandeventsarchivespicture {
	float: left;
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
}
#contentblock {
    width: 748px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float: left;
}
.blockpressroomnewsandevents {
	float: left;
    width: 362px;
    height: 387px;
    margin: 0;
    padding: 0;
	  
}

.blockpressroommedialibrary {
	float: left;
    width: 362px;
    height: 387px;
    margin: 0;
    padding: 0;
}

.blocksbutton {
	float: left;
    margin: 14px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 350px;
	height: 28px;
	background: transparent url(../images/press-room/button.jpg) no-repeat top center;
}

.blocksbuttontext a {
	float: left;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 350px;
    font-size: 14px;
    color: #5d6b85;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}


/* ----------- DIVERSE --------------*/

#diversebackground {
    width: 968px;
	margin: 0;
	padding: 0;
    float: left;
    background: #606084 url(../images/divers/block_contentright.jpg) repeat-x top left;
}

#diversecontentmiddle {
	position: relative;
    width: 735px;
    margin-left: auto;
    margin-right: auto;
	padding: 10px 0px 0px 0px;
}

#diverseblockbanner {
	float: left;
    width: 735px;
    height: 61px;
	margin: 0;
	padding: 0;
    background: transparent url(../images/divers/banner-mentionslegales.jpg) repeat-x top left;
}

#diverseblockbanner h2 {
	color: #ffffff; /* banner title */
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	margin: 0px 0px 0px 20px;
	padding: 25px 0px 0px 0px;
	text-transform: uppercase;
}

#diversebackgroundrepeatx {
	float: left;
    width: 735px;
	margin: 0;
	padding: 0;  
    background: #ffffff url(../images/divers/block_middle.jpg) repeat-y top left;
}

#diverseblocktopleft {
	float: left;
    width: 22px;
    height: 310px;
	margin: 0;
	padding: 0;
    background: transparent url(../images/divers/block_topleft.jpg) no-repeat top left;
}

#diverseblocktopmiddle {
	float: left;
    width: 694px;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	color: #5d6b85;
    background: #ffffff url(../images/divers/block_top.jpg) repeat-x top left;
}

.diverseblocktopmiddle2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;	
}

#diverseblocktopright {
	float: left;
    width: 19px;
    height: 310px;
	margin: 0;
	padding: 0;
    background: transparent url(../images/divers/block_topright.jpg) no-repeat top left;
}

#diverseblockbottom {
    width: 735px;
    height: 17px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
    float: left; 
    background: transparent url(../images/divers/block_bottom.jpg) no-repeat top left;
}


/* --------------- NATURAL VISION ------------------*/
.blockstitlelarge1 {
	display: block;
	float: left;
    width: 690px;
    margin: -170px 0 0px 0;
    padding: 0px 14px 0px 14px;
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
  


}

.blockstitlelarge2 {
	display: block;
	float: left;
    width: 690px;
    margin: -141px 0 0px 0;
    padding: 0px 14px 0px 14px;
    font-size: 14px;
    text-transform: uppercase;
    color: #5d6b85;
    z-index:0;
}

.blockstextlarge {
	display: block;
	float: left;
    width: 690px;
    margin: -114px 0 0px 0;
   	padding: 0px 14px 0px 14px;
    font-size: 12px;
    color: #000;
    z-index:2;
}

.blockimage {
	display: block;

	float: left;
    width: 681px;
     width: 362px;
	margin: 0;
	padding: 0;
		z-index:1;
 
}

.blocknaturalvisioncampaign {
	float: left;
    width: 730px;
    height: 386px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	z-index:0;
}

.blockstitle1 {
	display: block;
	float: left;
	 width: 340px;
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
     margin: -220px 0 0px 0;
    padding: 0px 14px 0px 14px;

}

.blockstitle2 {
   	display: block;
   	float: left;
   	 width: 340px;
    font-size: 18px;
    text-transform: uppercase;
    color: #5d6b85;
    margin: -191px 0 0px 0;
    padding: 0px 14px 0px 14px;
}
.blockstext {
	display: block;
	float: left;
	 width: 340px;
    margin: -164px 0 0px 0;
   	padding: 0px 14px 0px 14px;
    font-size: 12px;
    color: #000;
    z-index:2;
}

.couleur_noir{
	color:#000;
}

.couleur_blanc{
	color:#fff;
}

hr.products  { 	
/*	border-bottom: 2px #86697c solid;*/
	border-bottom: 2px #bbbbd0 solid;
	border-top: 0px;
	margin: 5px 5px 5px 5px;
}

.select{
    font-size: 12px;
}

#blocktop {
	float: left;
    width: 748px;
    height: 30px;
	margin: 0;
	padding: 0;
}
#blocktopleft_blank {
	float: left;
    width: 20px;
    height: 293px;
	margin: 0;
	padding: 0;
}

#blocktopright_blank {
	float: left;
    width: 21px;
    height: 293px;
	margin: 0;
	padding: 0;
}