@font-face { font-family: "DIN-Regular"; src: url(http://www.proinvention.com/DINREGU0.eot); font-weight: normal; font-style: normal}	

@font-face { font-family: "DIN-Regular"; src: url(http://www.PROinvention.com/DINREGU0.pfr); font-weight: normal;font-style: normal}	

#main {background: url(http://www.proinvention.com/backgroundraye.jpg) 50%; top:0px; height:110px; width:100%; left:0%; 
position: absolute; visibility: visible;Overflow : hidden; color:white; border-bottom: 1px dashed white;scrollbar-base-color:black; 
scrollbar-face-color:#657486;	scrollbar-highlight-color:black;	scrollbar-3dlight-color:black;	scrollbar-darkshadow-color:black;
	scrollbar-Shadow-color:black;	scrollbar-arrow-color:black;	scrollbar-track-color:black;}
	/*slogan*/
	
/* commun background-image: url(/wind.jpg);*/

body {overflow-y: hidden }

P { font-family: "DIN-Regular", "Trebuchet MS";overflow: hidden; color:black; 
letter-spacing: 0px;  text-align: justify; font: 15px; margin: 0.2em 3px 0.3em 6px; text-shadow: 3px 3px 4px #e9e9e9;
 }

a:link {color: #a8bdbd; text-shadow: none; }     /* unvisited link */
a:visited, a:hover ,a:active  {color: #a8bdbd; }  /* visited link */

#wrapper {
	position:relative;	/* needed */
	z-index:1;			/* needed and important */
	width:100px;		/* needed */
	overflow:hidden;	/* suggested */
	background:red }

	
#myjob,#mywork { -moz-border-radius:10px;-webkit-border-radius:10px; height: 90%;overflow-y:scroll;overflow-x:hidden; top: 110px; position: absolute; visibility: visible; 
background-image: url(/transparent.gif) ; scrollbar-base-color:#F6F6F6; scrollbar-face-color:#F6F6F6;scrollbar-highlight-color:black;	scrollbar-3dlight-color:#F6F6F6;	scrollbar-darkshadow-color:#F6F6F6;
scrollbar-Shadow-color:black; scrollbar-arrow-color:black;	scrollbar-track-color:#F6F6F6;filter:chroma(color=#F6F6F6);
 margin-bottom: 4000px;
}
/* enlevé top: 25%; */ 

#myjob {width: 43%; left: 0%; }
#mywork  {width: 57%; left: 43%; }

H1, H2, H3, H4 { font-family: "DIN-Regular", "Trebuchet MS"; text-align:center;clear: both; text-shadow: 3px 3px 4px #e9e9e9}

H2 { margin: 10 10 0 10 ;  font: 13px;  letter-spacing: 2px; color:white; text-shadow: none}

/* rubriques question letter-spacing: 0.1em; background: url(http://www.PROinvention.com/ampoule.gif) no-repeat 0px, 30px; */
H3 {padding: 10 0 10 0; margin: 10 0 0 20; font: 20px "arial black";    }

/* item proposition respecter ordre link visited hover active */

H4 {letter-spacing: 0.1em; margin: 4px,0px,0px,0px; border-bottom: 1px #ffffff dashed; font: bolder 18px ; text-transform: inherit; width:100%; 
background-color: #f4f4f4;  }


/*  transparence filter:alpha(opacity=50);   -moz-opacity:0.5;  -khtml-opacity: 0.5;   opacity: 0.5;  */
	
/* image centrée :  width:100%; text-align:center; margin: 10px auto 10px auto; */

/* H4 a:link, H4 a:visited { display: block; height :30px; padding:0 0 0 30 ; background: url(/bulbonoff.gif) no-repeat 0 -31px; color: #cbf3ff}
H4 a:hover, H4 a:active {display: block; height :30px;  padding:0 0 0 30; background:url(/bulbonoff.gif) no-repeat 0 0 ; color: white}*/
	
#main img {position: relative; float:right; border:none; margin:0 10 0 10}
#main a:link img, #main a:visited img{border: none  }
#main a:hover img, #main a:active img  {border: 1px double white; } 




#myjob img { -moz-border-radius:10px;-webkit-border-radius:10px; width:100%; text-align:center; margin: 10px auto 10px auto; position: relative; display: block;  }
#myjob a:link img, #myjob a:visited img {border: 0px  }
#myjob a:hover img, #myjob a:active img { border: #999999 double } 



#mywork img {float: left; margin: 5px 5px 5px 0px; position: relative; border: 1px dashed black; }
#mywork a:link img, #mywork  a:visited img {border: 1px solid black;
 }
#mywork a:hover img, #mywork a:active img  {border: 1px solid black double }

/* adresse */	

#foot  {border-top: solid 1px #999999; height: 30px; width: 100%; left: 0%; bottom:0%; position: absolute; 
visibility: visible; color:white;   background: url(http://www.proinvention.com/carbonfiber.jpeg); }

H5 {font: small-caps bold 14px "DIN-Regular", "Trebuchet MS"; text-align: center; margin: 0 0 8% 0; color: white;}
H5 a:link {COLOR: white; text-decoration: none; }
H5 a:hover {COLOR: white; text-decoration: none; BORDER: white 2px solid;}
H5 a:visited {COLOR: white; TEXT-DECORATION: none;  }