/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 5, 2011 */



@font-face {
    font-family: 'DINAlternateRegular';
    src: url('din_alternate-webfont.eot');
    src: url('din_alternate-webfont.eot?#iefix') format('eot'),
         url('din_alternate-webfont.woff') format('woff'),
         url('din_alternate-webfont.ttf') format('truetype'),
         url('din_alternate-webfont.svg#webfontopf34mbF') format('svg');
    font-weight: normal;
    font-style: normal;

}



	/* #main {background: url(http://www.proinvention.com/carbonfiber.jpeg); 50%; top:0px; height:140px; width:100%; left:0%; background-repeat: repeat-y ;
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;} */

body { overflow-y: hidden;  padding: 0}

P {margin: 0px 5px 0px 5px; font-family: "DIN-Regular", "Trebuchet MS"; text-align: justify; font: 15px;   }

a:visited, a:link {color: #ff7f50  }     /* unvisited link */
a:hover ,a:active  {color: #a8bdbd }  /* visited link */

	
#myjob,#mywork { -moz-border-radius:10px;-webkit-border-radius:10px; overflow-y:scroll;overflow-x:hidden; 
top: 0px;  height: 98%; 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);
z-index:1}

/* background:url(http://www.proinvention.com/carbonfibermodifbande.jpg); background-repeat:repeat-x ; background-attachment:scroll;background-attachment:local */ 

#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}

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

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

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

H4 {letter-spacing: 0.1em;  font: 18px ; text-transform: inherit; width:100%;   }


/*  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}*/
	




#myjob a:visited img, #myjob a:link img, #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:hover img, #myjob a:active img { border: #999999 double } 

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

/* adresse;  */	

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

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;  }