/* general */
diDv {
	border:1px solid black;
}
html {
cursor : url(../images/lunettes.gif), auto;


}
html a {
cursor : url(../images/lunettes.gif), auto; 
}
body {
background : white url(../images/bg_largebc.jpg) no-repeat fixed left top;	
font : 11px Verdana, sans-serif;
line-height:17px;
color : #7051a3;
margin : 0;
padding : 0;
cursor : url(lunettes.cur), auto;
width:100%;
height:758px;
}

 /* << enables horizontal scrolling in Mozilla when viewed at smaller screen resolutions */


a, a:link, a:visited {
color : #6c5197;
background-color : transparent;
text-decoration : none;
font-weight : bold;
cursor : url('lunettes.cur'), auto;
}

a:hover, a:active {
color : #f09e14;
background-color : transparent;
cursor : url(lunettes.cur), auto;
}
a.inv, a.inv:link, a.inv:visited {
color : #f09e14;
background-color : transparent;
text-decoration : none;
font-weight : bold;
cursor : url('lunettes.cur'), auto;
}

a.inv:hover, a.inv:active {
color :#6c5197;
background-color : transparent;
cursor : url(lunettes.cur), auto;
}
a img {
	border: 1px solid #6c5197;
}
a:hover img {
	border: 1px solid #f09e14;
}
p {
margin : 0;
}
acronym {
cursor : help;
border : 0;
}
.accesskey { 
text-decoration : underline; 
}
div#container {	
 float : right; 
padding : 0; 
margin : 0 0px auto auto; 
width : 869px;  
border-left : 1px solid #7051a3; 
	background : transparent url(../images/2eme-paire.jpg) no-repeat fixed right bottom; 

}
/* head section */
div#intro {	
position : relative;	
padding : 0;	
margin : 0;	
float : right; 
width : 100%; 

}

div#pageHeader h1,  div#pageHeader h2, div#preamble h3 span,div#preamble2 h3 span, div#supportingText h3 span, div#linkList h3 span { display: none; } /* << the gathering of non-displayed headings */
div#pageHeader { background: transparent url(../images/title.gif) no-repeat center top; 
height: 133px; margin: 0; padding: 0; }

div#quickSummary { margin: 10px 0 0 0; 
padding: 0; width: 170px; 
float: left; clear: none;  text-align: right; 
background: transparent url(../images/line_vert.gif) no-repeat right top; font-weight: bold; }
div#quickSummary p { margin: 0 10px 10px 10px;}

div#preamble { margin: 10px 0 0 0; padding: 0; 
float: left; clear: none; width: 630px; 
/*background:  white url(../images/pre_fadebc.png) repeat-y right top !important; 
background:   url(../images/pre_fadebc.gif) repeat-y right top;font: 11px/17px Verdana, sans-serif; */}
div#preamble h3 { height: 30px; margin: 0;background: transparent url(../images/intro.gif) no-repeat left bottom; }
div#preamble p { margin: 10px;}

div#quickSummary2 { margin: 10px 0 0 0;  
padding: 0; width: 170px; 
float: left; clear: both;  text-align: right; 
background: transparent url(../images/line_vert.gif) no-repeat right top; font-weight: bold; }
div#quickSummary2 p { margin: 0 10px 10px 0px;}

div#preamble2 { margin: 10px 0 0 0; padding: 0;  
float: left; clear: none; width: 480px; 
/*background:  white url(../images/pre_fadebc.png) repeat-y right top !important; 
background:   url(../images/pre_fadebc.gif) repeat-y right top;font: 11px/17px Verdana, sans-serif; */}
div#preamble2 h3 { height: 30px; margin: 0;background: transparent url(../images/introb.gif) no-repeat left bottom; }
div#preamble2 p { margin: 10px;}

/* main content */		
div#supportingText { margin: 0;	padding: 0;	
float: left; width: 630px;
  }

div#supportingText h3  { height: 30px; margin: 0; 
background: transparent none no-repeat left bottom; }
div#supportingText p { margin: 10px auto auto 40px; padding: 0; }
div#explanation { 
padding-top: 1px; background: transparent url(../images/line.gif) no-repeat left top; }

div#explanationi h3.service {background-image: url(../images/serv.gif);}
div#explanationp h3 {background-image: url(../images/lun.gif);}
div#participationi h3 {background-image: url(../images/prat.gif);}
div#participationp h3 {background-image: url(../images/luns.gif);}
div#participationc h3 {background-image: url(../images/cont.gif);}
div#benefits h3 {background-image: url(../images/prod3.gif);}
div#benefits h3.verres {background-image: url(../images/verr.gif);}
div#benefits h3.lentilles {background-image: url(../images/lent.gif);}
div#requirements h3 {background-image: url(../images/prod4.gif);}

div[id=explanationi] h3.service {background-image: url(../images/serv.png) !important;}
div[id=explanationi] h3 {background-image: url(../images/present.png) !important;}
div[id=explanationp] h3 {background-image: url(../images/lun.png) !important;}
div[id=participationi] h3 {background-image: url(../images/prat.png) !important;}
div[id=participationp] h3 {background-image: url(../images/luns.png) !important;}
div[id=participationc] h3 {background-image: url(../images/cont.png) !important;}
div[id=benefits] h3 {background-image: url(../images/prod3.png) !important;}
div[id=benefits] h3.verres {background-image: url(../images/verr.png) !important;}
div[id=benefits] h3.lentilles {background-image: url(../images/lent.png) !important;}
div[id=requirements] h3 {background-image: url(../images/prod4.png) !important;}

div#footer { padding: 10px; margin: 0; 
background: url(../images/line.gif) no-repeat left top;
text-align: center; }
div#footer a {	
text-transform : uppercase;	
color : #6c5197; 
font-size: 9px; 
letter-spacing: 1px; 
background-color: transparent;
cursor: pointer;
}

/* nav */
#linkList {	position: relative;	
margin: 0; width: 209px; float: left; 
clear: none; padding-top: 3px; 
text-align: center; font-style: normal;  
line-height: 0; color: #7051A3; background: transparent;/* url(../images/ll_fadebc.png) repeat-x left top */ }
div#linkList { background: transparent ;/* url(../images/ll_fadebc.png) repeat-x left top !important; */
height: 170px !important; margin: 0  !important ; 
width: 209px !important; line-height: 19px  !important; 
  } 


div#linkList h3 { padding: 0; margin: 0; height: 30px; }

div#lselect h3 { background: transparent url(../images/lselectbc.gif) no-repeat center center;}

div[id=lselect] h3 { background: transparent url(../images/lselectbc.png) no-repeat center top !important;}

ul { width: 200px; padding: 0px 0 0 0; 
margin: 0px 0 0 3px;	list-style-type: none; 
background: White url(../images/ul_topbc.gif) no-repeat center top; }

div#lselect ul { /*display : none;*/ 
background : transparent url(../images/ul_bottombc.png) no-repeat center bottom !important;
margin : -30px 0 64px 4px !important;
margin : -30px 0px 64px 0px;
width : 200px !important;
 }
div#lselect:hover ul {
display: block; 
z-index: 300; }

ul li  { width: 200px; margin: 0px 0 10px 0; 
padding: 7px 0 20px 0; float: left; 
text-align: center; 
background: White url(../images/ul_bottombc.gif) no-repeat center bottom; } /* IE is one of a kind : ) */
li.fin {
background: transparent url(../images/ul_bottombc.png) no-repeat center bottom !important;	
background: White url(../images/ul_bottombc.gif) repeat center bottom;
margin-top:-23px;
line-height: 6px;

 } /* IE is one of a kind : ) */


ul>li { border: 0 !important;  margin: 0  !important; 
padding: 3px 0 1px !important; width: 200px !important; 
text-align: center !important;
background: transparent url(../images/ul_midbc.png) repeat-y !important; }


	
#lselect ul li:first-child {  background: transparent url(../images/ul_top_selectbc.png) no-repeat center top !important; padding-top: 30px !important; }

ul li a, ul li a.c { 
color : #6c5197;
line-height: normal; 
padding: 2px 4px; 
display: block;   
background-color: transparent;
width: 190px; w\idth: 178px; 
cursor:url('lunettes.cur'), auto; 
}
ul li a:link, ul li a:visited { 
color : #6c5197;
margin: 4px 0 8px 0; 
cursor:url('lunettes.cur'), auto; 
background-color: transparent; 
} 
ul li a.c:link, ul li a.c:visited { 
color : #6c5197;
margin: 0; 
font-weight: normal; 
cursor:url('lunettes.cur'), auto; 
background-color: transparent;
}
ul li a:hover/* */ { 
color: #f09e14;
background-color: #121; 
border-style: solid; 
border-color: #334433; 
border-width: 0 2px 0 2px; 
cursor:url('lunettes.cur'), auto; }

ul>li>a:link, ul>li>a:visited { 
color : #6c5197 !important;
width: 178px !important; 
margin: 0 auto !important; 
background-color: transparent !important; 
border: 0 !important; 
cursor:url('lunettes.cur'), auto !important; 
}
ul>li>a:hover { 
color: #f09e14 !important;
width: 178px !important; 
background-color: #121 !important; 
border: solid #343 !important; 
border-width: 0 2px !important; 
cursor:url('lunettes.cur'),auto !important;
}

ul>li>a.c { 
color : #6c5197 !important;
display: inline;  
background-color: transparent !important; 
border: 0 !important; padding: 0 !important;
cursor:url('lunettes.cur'), auto !important; 
} /* ignoring IE effects in Mozilla and Opera for submitters */

#participationc #error {
	position: absolute;
	top: 750px;
	left: 320px;
	width: 350px;
	font-weight:bold; 
	color: Maroon;
	background: white none;
	font-size:1em;
	z-index: 300;
	}
	div#participationc  {
		height: 350px;
		}
		
/*accueil*/

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#FFFFFF;
    padding: 3px;
    border-bottom: 1px solid #7051A3;
    border-right: 1px solid #7051A3;
	 z-index: 23;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #7051A3;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #FFFFFF;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/

/*news*/
a.news:active, a.news:visited, a.news:link {
  position:relative;
  display: block;
  float: left;
  text-decoration: none; 
  font-weight: bold;
  font-variant: small-caps;
  font-family: Tahoma;
  color: #7051A3;
   background: none;
  font-size: 18px;
	margin-left: 18px;
	margin-top:110px;
	width: 77px;
	height:11px;
	
	}
a:hover.news {
  text-decoration: none;
  background: none;
  color: #F09E14;
}
a.news span.pophaut, a:link.news span.pophaut 
{display: block;
  position: absolute; 
  top:-52.5em;
  left:-30.5em; background-image: none; clear: both; }
a:hover.news span.pophaut {
   position: absolute;
  float:left;
  top:1.5em;
  left:-8.5em;
  z-index: 200;
  background-color: #FFFFFF;
  background-position: 390px 40px;
  color: Black;
  border: 2px solid #7051A3;
  width:650px;
  min-height:100% !important;
  text-align:center;
  font-weight:normal;
  font-size: 11px;
  padding: 10px 5px 0px 0px;
  vertical-align: top;
  z-index: 300;
    }
  
  
  .popup {
  	float:left;
	text-align:left; 
	font-size: 13px; 
	font-variant: normal;
	line-height: 18px;
	padding:10px; 
	vertical-align:top;
	color: Black;
	width:360px;
	height:200px;
	 z-index: 300;
			}