/*David Saber Com v7 CSS*/

@font-face {
font-family: "windsor";
src: url('/tech/windsor.ttf') format("truetype");
} 

.PlayBtnInArticleSide {
	position:relative;
	left:3px;
	top:-100px;
	color : white ;
	padding:0px;
	margin:0px;
	font-weight:600;
	text-align:left;
	text-shadow: 2px 2px 2px #000;
	filter: Glow(Color=gray, Strength=2); 
}

html {
	height:100%;
}

body {
	background-color:transparent;
	height: 100% ; 
	width: 100% ;
	margin : 0px ;
	padding: 0px ;
}

body.Starter {
	background-color : #5d748c ;
	z-index:-1;
}

iframe {
	z-index: 9;
	position: absolute;
	top: 100px;
	left: 350px;
	width: 870px;
	height: 1100px;
	padding: 0px;
	margin:0px;
	border: 2px solid black;
	background-color: #b4bfca;
	overflow:hidden;
}

div.VerticalMiddleCol {
	position: relative;
	z-index: 1;
	width: 1280px;
	height: 100%;
	/*min-width:1280px;*/
	margin-right: auto ;
	margin-left: auto ;
	/*border: 3px solid green; bien placé sur ie7*/
}

div.FrameAllBelowUpperMargin{
	z-index: 2;
	position: absolute;
	top: 5%;
	width: 100%;
	height: 94%;
	/*border: 1px solid green; */
}

div.MainFrameHd720 { 
	z-index: 3;
	position: relative;
	width: 100%;
	height: 720px;
	/*text-align: center;*/
	/*border: 1px solid red;*/
}

div.FrameHorColumnsLevel01 { 
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px ;
	width: 100%;
	height: 65px;
	margin : 0px ;
	padding: 0px ;
	border:0px;
	background-color:transparent;
}

div.FrameHorBottom { 
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 655px;
	top:66px;
	left:0px;
	margin : 0px ;
	padding: 0px ;
	border: 3px solid black;
}

div.FrameVerticalColumnsLevel02 {
	z-index: 8;
	position: absolute;
	top: 0px ;
	left: 0px ;
	width: 214px;
	height: 100%;
	margin : 0px ;
	padding: 0px ;
	text-align: right;
	vertical-align:middle;
/*	border: 1px solid blue;*/
}

div.FrameVerticalSideBar {
	z-index: 8;
	position: absolute;
	top: 0px ;
	left: 1070px ;
	width: 209px;
	height: 100%;
	margin : 0px ;
	padding: 0px ;
	/*text-align: right;*/
	vertical-align:middle;
/*	border: 1px solid green;*/
}

div.FramePageContent { 
	z-index: 8;
	position: absolute;
	top: 0px ;
	left: 215px ;
	width: 690px;
	height: 100%;
	margin : 0px ;
	padding-left : 80px ;
	padding-right : 80px ; 
/*	border: 1px solid yellow;*/
}

div.FrameArticle{
	z-index: 9;
	position: absolute;
	top: 100px;
	left: 265px;
	width: 870px;
	padding-left: 50px;
	padding-right: 50px; 
	border: 2px solid white;
	background-color:#537190;
}

div.PageSelector { 
	z-index: 8;
	position: absolute;
	top: 0px ;
	left: 215px ;
	width: 885px;
	height: 100%;
	margin : 0px ;
	padding-left : 90px ;
	padding-right : 90px ; 
	/*border: 1px solid orange;*/
}

div.Respirons {
	height: 50px;
}

div.BottomBlockContainer {
	position:relative;
	height:100%;
	vertical-align:bottom;
}

div.BottomBlock {
	position:absolute;
	right: 0px;
	bottom: 0px;
}

div.SeriedImages {
	z-index: 10;
	text-align: center;
	display : table;
	margin : 0px auto;
	padding: 0;
	/*border: 3px solid black;*/
}

div.ImageClickablePic {
	z-index: 11;
	background-image:url(/works/dsc7_img_clickable_pic.png);
	width:160px;
	height:90px;
	-webkit-box-shadow: 4px 4px 10px #000;   
    -moz-box-shadow: 4px 4px 10px #000;
	box-shadow: 4px 4px 10px #000;
	float:left;
	margin: 3px 5px;
	position:relative;
}

div.ImageClickableDoc {
	z-index: 11;
	background-image:url(/works/dsc7_img_clickable_doc.png);
	width:160px;
	height:90px;
	float:left;
	margin: 3px 5px;
	position:relative;
}

div.ImageClickablePage {
	z-index: 11;
	background-image:url(/works/dsc7_img_clickable_page.png);
	width:160px;
	height:90px;
	float:left;
	margin: 3px 5px;
	position:relative;
	-webkit-box-shadow: 4px 4px 10px #000;   
    -moz-box-shadow: 4px 4px 10px #000;
	box-shadow: 4px 4px 10px #000;
}

div.ImageCaptionBg {
	z-index: 12;
	position:absolute;
	background-color:#000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	width:100%;
	height:18%;
	left:0px;
	bottom:0px;
	margin:0px;
	padding:0px;
}

div.ImageClickableVideo {
	z-index: 11;
	background-image:url(/works/dsc7_img_clickable_video.png);
	width:160px;
	height:90px;
	-webkit-box-shadow: 4px 4px 10px #000;   
    -moz-box-shadow: 4px 4px 10px #000;
	box-shadow: 4px 4px 10px #000;
	float:left;
	margin: 3px 5px;
	position:relative;
/*	border: 1px solid black;*/
}

div.ImageCaptionTopLeft {
	z-index: 13;
	position:absolute;
	left:15px;
	top:0px;
	margin:0px;
	padding:0px;
}

div.ImageCaptionTopRight {
	z-index: 13;
	position:absolute;
	right:15px;
	top:0px;
	margin:0px;
	padding:0px;
}

div.ImageCaptionBottomLeft {
	z-index: 13;
	position:absolute;
	left:15px;
	bottom:1px;
	margin:0px;
	padding:0px;
}

div.ImageCaptionBottomRight {
	z-index: 13;
	position:absolute;
	right:15px;
	bottom:1px;
	margin:0px;
	padding:0px;
}

div.ImagePageSelector {
	position:relative;
	float:left;
	width:200px;
	height:112px;
	margin: 10px 10px;
	box-shadow: 4px 4px 10px #1E405B;
	-webkit-box-shadow: 4px 4px 10px #1E405B;   
    -moz-box-shadow: 4px 4px 10px #1E405B;
}

div.ImageInArticle {
	float:right;
	width:200px;
	height:112px;
	margin: 10px 10px;
	box-shadow: 4px 4px 10px #1E405B;
	-webkit-box-shadow: 4px 4px 10px #1E405B;   
    -moz-box-shadow: 4px 4px 10px #1E405B;
}

div.TitleElements {
	float: left;
	margin-left: 13px;
	margin-right: 13px;
	/*border: 1px solid orange;*/
}

div.TitleElements a {
	background-image : url("/tech/dsc7_logo_over.png");
	/*This is for preloading the hover image*/
}

div.TitleElements a:link, div.TitleElements a:visited {
	float:left;
	background-color : transparent;
	background-repeat : no-repeat ;
	background-position : top left ;
	background-image : url("/tech/dsc7_logo.png");
}

div.TitleElements a:hover, div.TitleElements a:focus, div.TitleElements a:active  {
	float:left;
	background-image : url("/tech/dsc7_logo_over.png");
}

#Home a {
	background-image : url("/tech/dsc7_btn_home_over.png");
}

#Works a {
	background-image : url("/tech/dsc7_btn_works_over.png");
}

#Pro a {
	background-image : url("/tech/dsc7_btn_pro_over.png");
}

#Resources a {
	background-image : url("/tech/dsc7_btn_resources_over.png");
}

#About a {
	background-image : url("/tech/dsc7_btn_about_over.png");
}

#Home a:link, #Home a:visited {
	background-image : url("/tech/dsc7_btn_home.png");
}

#Works a:link, #Works a:visited {
	background-image : url("/tech/dsc7_btn_works.png");

}

#Pro a:link, #Pro a:visited {
	background-image : url("/tech/dsc7_btn_pro.png");
}

#Resources a:link, #Resources a:visited {
	background-image : url("/tech/dsc7_btn_resources.png");
}

#About a:link, #About a:visited {
	background-image : url("/tech/dsc7_btn_about.png");
}

#Home a:hover, #Home a:focus, #Home a:active  {
	background-image : url("/tech/dsc7_btn_home_over.png");
}

#Works a:hover, #Works a:focus, #Works a:active  {
	background-image : url("/tech/dsc7_btn_works_over.png");
}

#Pro a:hover, #Pro a:focus, #Pro a:active  {
	background-image : url("/tech/dsc7_btn_pro_over.png");
}

#Resources a:hover, #Resources a:focus, #Resources a:active  {
	background-image : url("/tech/dsc7_btn_resources_over.png");
}

#About a:hover, #About a:focus, #About a:active  {
	background-image : url("/tech/dsc7_btn_about_over.png");
}

img {
	border:0px;
}

img. {
	position:relative;
	width:100px;
	top:20px;
}

img.bgimg {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	background-size: 100%;
	width:100%;
	height:100%;
}

img.VidLogo {
	position:absolute;
	top:33%;
	left:12%;
	width:30px;
	height:30px;
}

img.ClickablePic {
	position: relative;
	width: 142px;
	height: 65px;
	top: 7px;
	left: 0px;
}

img.ClickableVideo {
	position:absolute;
	width:130px;
	height:86px;
	left:15px;
	top:2px;
}

img.ClickablePage {
	position:absolute;
	width:152px;
	height:75px;
	left:4px;
	top:12px;
}

img.ClickableDoc {
	width:35%;
	margin: 26px 0px;
}


img.ClickableHand {
	position:relative;
	width:100px;
	top:25px;
}

img.PageSelector {
	width:100%;
	height:100%;
}

img.Banner {
	width:400px;
	height:65px;
	margin:5px;
}

img.Inline {
	height:12px;
	width:12px;
}

p {
	font-family : Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	color:#e2eaed;
	text-align:left;
}

p.ImageCaptionLeft {
	color : white ;
	padding:0px;
	margin:0px;
	font-weight:600;
	text-align:left;
	text-shadow: 2px 2px 2px #000;
	filter: Glow(Color=gray, Strength=2); 
}

p.ImageCaptionRight {
	color : white ;
	padding:0px;
	margin:0px;
	font-weight:600;
	text-align:right;
	text-shadow: 2px 2px 2px #000;
	filter: Glow(Color=gray, Strength=2); 
}

p.column2ndlevel {
	font-size : 20px;
	color : #e0f5fc ;
	text-align:right;
}

p.PresentationTitle {
	font-family: "windsor";
	text-align:center;
	font-size : 26px;
	font-weight:550;
}

p.PresentationSubTitle {
	text-align: center ;
	font-size : 18px ;
}

p.PresentationNormal {
	font-size : 17px;
}

p.ArticleTitle {
	font-family: "windsor";
	font-size : 26px;
	font-weight:550;
}

p.ArticleSubTitle {
	font-size : 18px ;
}

p.ArticleChapterTitle {
	margin-top:24px;
	font-weight:bold;
}

p.ArticleParagraph {
	min-height:125px;
}

span.Important {
	font-weight:600;
}

a {
	text-decoration:none;
}

a:link { 
	color : #e0f5fc ;
	text-decoration: none; 	
}

a:hover , a:visited:hover {
	color: white; 
	text-decoration: underline; 
} 

a:visited {
	color: #c6dde5;
	text-decoration: none; 	
}

ul {
	text-align:left;
	color:white;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:lightbox2/image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../tech/lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../tech/lightbox2/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }	

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }