@charset "utf-8";
/* CSS Document : Ips */
a {color: #06C;}
a:hover {color:#09C;}
body {
background: #000 url(../img/bg_body.gif) center center repeat;
font: 80% Arial, Helvetica, sans-serif;
margin: 10px auto 0 auto;
padding: 0;
}
/**/
#contenuIndex h1 span, h2 span, h3 span, #navIndex {
height: 1px;
left: 0px;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
h1 span a { /* logo IPS dans le header pour retour page index */
/*border: 1px solid red;*/
display: block;
height: 70px;
left: 67px;
position: absolute;
text-indent: -10000px;
top: 40px;
width: 370px;
}
h3 {
color: #333;
font-size: 1.3em;
}
#pageNew h3 {
color: #0067C6;
}
h4 {
color: #0067C6;
font-size: 1.4em;
margin: 10px 0;
padding: 0;
}
hr {margin: 40px auto;}
img {
border: none;
}
li {margin: 5px 0;}
#blocDroite {
float: right;
margin: -11px 0 0 0;
}
#blocDroiteIndex {
left: 765px;
position: absolute;
top: 264px;
width: 200px;
}
#btnNew {
left: 505px;
position: absolute;
top: 520px;
z-index: 2;
}
#contenu {
/*border: 1px solid red;*/
margin: 20px 0 0 0;
height: 798px;
padding: 0 0 90px 0;
width: 630px;
}
html>body #contenu {
height: auto;
min-height: 798px;
}
#contenuIndex {
/*background: #FFF url(../img/com/bg_contenu.gif) left top no-repeat;*/
border-top: 1px solid #0E5AA5;
margin: 0;/*-18px 0 0 0*/
padding: 0;
width: 630px;
}
#contenuIndex #flash {
margin-top: -17px;
padding: 0;
}
#contenuTxt, #formulaireContact, .newsGlobal {
background: #F7F7F7;
border: 2px solid #CCC;
margin: 0 0 0 200px;
padding: 5px 10px;
width: 380px;
}
#footer {
background: transparent url(../img/gb/footer.gif) left bottom no-repeat;
bottom: 0;
clear: both;
height: 64px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
width: 990px;
}
#footerIndex {
/*border: 1px solid aqua;*/
bottom: 0;
clear: both;
height: 102px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
width: 990px;
}
#footer li a span, #footerIndex li a span {
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
#global {
background: #FFF;
margin: 0 auto;
padding: 0;
position: relative;
width: 990px;
}
#globalIndex {
background: #FFF url(../img/gb/bg_index.gif) left top no-repeat;
height: 624px;
margin: 0 auto;
padding: 0;
position: relative;
width: 990px;
}
#header {
background: #FFF url(../img/gb/header.gif) left top no-repeat;
height: 164px;
margin: 0;
padding: 0;
}

#pageNew {}
#txtLink {
margin: 0 0 0 200px;
padding: 5px 10px 5px 40px;
width: 340px;
}
#txtLink img {
margin-left: -30px;
}
#txtLink p {
margin: 30px 0;
}
/*************************************************/
/**** Espace client en haut a droite du header ***/
/*************************************************/
#zoneClient {
/*border: 1px solid red;*/
margin: 1px 0 0 0;
padding: 0;
position: absolute;
right: 5px;
text-align: right;
top: 32px;
}
#zoneClient input {
margin: 1px 0;
padding: 0;
width: 110px;
}
#zoneClient input.btnOk {
margin: 14px 0 0 0;
width: auto;
}
#zoneClient label span {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}

/** Titres Pages Solder sphere **/
h2#hSphereApplication {
background: #FFF url(../img/gb/sphere/h_application.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereNews {
background: #FFF url(../img/gb/sphere/h_news.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereProdPortfolio {
background: #FFF url(../img/gb/sphere/h_product_portfolio.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereProdOffre {
background: #FFF url(../img/gb/sphere/h_product_offer.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereProdMicro {
background: #FFF url(../img/gb/sphere/h_product_micro.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereQualiteProcess {
background: #FFF url(../img/gb/sphere/h_qualite_process.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereQualiteUltra {
background: #FFF url(../img/gb/sphere/h_qualite_ultra.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereQualiteSurface {
background: #FFF url(../img/gb/sphere/h_qualite_surface.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereQualiteStep {
background: #FFF url(../img/gb/sphere/h_qualite_step.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hSphereQualiteControl {
background: #FFF url(../img/gb/sphere/h_qualite_control.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
/** Titres Pages Solder powder **/
h2#hPoudreQualiteControl {
background: #FFF url(../img/gb/poudre/h_qualite_control.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hPoudreQualiteOxyde {
background: #FFF url(../img/gb/poudre/h_qualite_oxyde.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hPoudreQualiteShape {
background: #FFF url(../img/gb/poudre/h_qualite_shape.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hPoudreQualiteBalling {
background: #FFF url(../img/gb/poudre/h_qualite_ball.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hPoudreProdAlloy {
background: #FFF url(../img/gb/poudre/h_product_alloy.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hPoudreProdSize {
background: #FFF url(../img/gb/poudre/h_product_size.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
h2#hPoudreApplication {
background: #FFF url(../img/gb/poudre/h_application_electro.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
/** Titres Pages R&D **/
h2#hRdTotal {
background: #FFF url(../img/gb/rd/h_rd_total.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 60px;
padding: 0;
}
h2#hRdIn {
background: #FFF url(../img/gb/rd/h_rd_in.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 60px;
padding: 0;
}
h2#hRdState {
background: #FFF url(../img/gb/rd/h_rd_state.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 60px;
padding: 0;
}
/** Titres Pages Link **/
h2#hLink {
background: #FFF url(../img/gb/link/h_link.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 60px;
padding: 0;
}
/** Titres Pages Ips **/
h2#hIpsExp {
background: #FFF url(../img/gb/societe/h_experience.gif) left top no-repeat;
height: 151px;
margin: 70px 0 0 40px;
padding: 0;
}
h2#hIpsQualite {
background: #FFF url(../img/gb/societe/h_quality.gif) left top no-repeat;
height: 135px;
margin: 70px 0 0 80px;
padding: 0;
}
/** Titres Pages Download **/
h2#hDownload {
background: #FFF url(../img/gb/h_download.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
/** Titres Pages Contact **/
h2#hContact {
background: #FFF url(../img/gb/h_contact.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
/** Titres Pages Mention **/
h2#hMention {
background: #FFF url(../img/gb/h_mention.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
/** Titres Pages News **/
h2#hNew {
background: #FFF url(../img/gb/h_new.gif) left top no-repeat;
height: 140px;
margin: 70px 0 0 80px;
padding: 0;
}
body#pageContact #contenuTxt h4 {
color:#666;
font-size: 1.2em;
}
body#pageContact #contenuTxt p, body#pageContact #contenuTxt h4 {
margin: 5px 0 10px 15px;
}
body#pageContact #contenuTxt strong {color:#06C;}

body#pageContactDir #contenuTxt h4,
body#pageContactDir #contenuTxt h3 {
margin: 5px auto;
text-align: center;}
body#pageContactDir #contenuTxt h4 {
font-size: 1.1em;
font-style: italic;
}

/**********************************/
/***** Navigation principale ******/
/**********************************/
div#nav {
	height: 20px;
	width: 990px;
	margin: 0;
	padding: 0;
	border: 0;
	/*background: #FFF;*/
	}

div#nav ul#menu {
	height: 20px;
	width: 990px;
	background: transparent url(../img/gb/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	top: 133px;
	}

div#nav ul#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
/*border: 1px solid red;*/
	height: 20px;
	display: block;
	}
div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#navIps	{left: 156px; width: 48px;}
#navRd {left: 204px; width: 124px;}
#navPoudre {left: 328px; width: 111px;}
#navSphere {left: 439px; width: 109px;}
#navDownload {left: 548px; width: 80px;}
#navContact {left: 628px; width: 70px;}

#navIps a:hover	{background: transparent url(../img/gb/nav.gif) -156px -20px no-repeat;}
#navRd a:hover {background: transparent url(../img/gb/nav.gif) -204px -20px no-repeat;}
#navPoudre a:hover {background: transparent url(../img/gb/nav.gif) -328px -20px no-repeat;}
#navSphere a:hover {background: transparent url(../img/gb/nav.gif) -439px -20px no-repeat;}
#navDownload a:hover {background: transparent url(../img/gb/nav.gif) -548px -20px no-repeat;}
#navContact a:hover {background: transparent url(../img/gb/nav.gif) -628px -20px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#pageIps #navIps {background: transparent url(../img/gb/nav.gif) -156px -20px no-repeat;}
body#pageRd #navRd {background: transparent url(../img/gb/nav.gif) -204px -20px no-repeat;}
body#pagePoudre #navPoudre {background: transparent url(../img/gb/nav.gif) -328px -20px no-repeat;}
body#pageSphere #navSphere {background: transparent url(../img/gb/nav.gif) -439px -20px no-repeat;}
body#pageDownload #navDownload {background: transparent url(../img/gb/nav.gif) -548px -20px no-repeat;}
body#pageContact #navContact, body#pageContactDir #navContact {background: transparent url(../img/gb/nav.gif) -628px -20px no-repeat;}

/************ Les sous menus ************/
#subNavIps {left: 156px;}
#subNavPoudre {left: 328px;}
#subNavSphere {left: 439px;}
#subNavDownload {left: 548px;}

#subNavIps, #subNavPoudre,
#subNavSphere, #subNavDownload {
background: transparent;     
border: none;
font-size: 12px;
padding: 16px 0 0 0;
position: absolute;
top: 153px;
visibility: hidden; 
width: 130px;
z-index: 1;
}
#subNavIps ul, #subNavPoudre ul,
#subNavSphere ul, #subNavDownload ul {
margin: 0;
padding: 0;
}
#subNavIps li, #subNavPoudre li,
#subNavSphere li, #subNavDownload li {
/*border-bottom: 1px solid #A7D6D5;*/
list-style: none;
margin: 0;/* 5px 0*/
padding: 0;
}

#subNavIps li a, #subNavPoudre li a,
#subNavSphere li a, #subNavDownload li a {
background: transparent url(../img/com/puceSubNav.gif) left bottom no-repeat;
color: #6D8391;
display: block;
height: 16px;
padding: 2px 0 6px 6px;
text-decoration: none;
}
#subNavIps li a:hover, #subNavPoudre li a:hover,
#subNavSphere li a:hover, #subNavDownload li a:hover {
background: transparent url(../img/com/puceSubNavOn.gif) left bottom no-repeat;
color: #0A74BA;
height: 16px;
}
/*********************************/
/***** Navigation secondaire *****/
/*********************************/
#subnav {
background: #FFF;
color: #4A86E6;
margin: 0;
padding: 0;
position: absolute;
left: 15px;
list-style-type: none;
text-align: center;
top: 430px;
width: 170px;
}
#subnav a {
color: #6D8391;
text-decoration: none;
}
#subnav a:hover, #subnav a.on {
color: #0A74BA;
text-decoration: none;
}
#subnav li {
border-bottom: 2px solid #C2E4E3;
margin: 3px 0;
padding: 0 0 3px 0;
}
/*********************************/
/*****   Navigation Footer   *****/
/*********************************/
#footerNav {
list-style-type: none;
margin: 24px 0 0 40px;
padding: 0;
}
#footerIndex #footerNav {
list-style-type: none;
margin: 55px 0 0 790px;
padding: 0;
}
#footerNav li {
float: left;
margin: 0 20px 0 0;
}
#navLink, #navMention {
/*border: 1px solid red;*/
display: block;
height: 20px;
}
#navLink {width: 30px;} 
#navMention {width: 75px;}

/********************************/
/*         Page Mention         */
/********************************/
ul#mention {
font-size: 14px;
list-style-type: none;
margin: 20px 0 0 0;
padding: 0;
}
ul#mention li {
margin: 5px 0;
}
#mention strong {
color: #666;}
/*******************************************/
/********** Formulaire de Contact **********/
/*******************************************/
/*#formulaireContact {
font: normal normal 1em Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
width: auto;
}*/
#formulaireContact p {
font-size: 1em;
margin: 1em auto;
padding: 0;
width: auto;
}
#formulaireContact table {
border-collapse: separate;
margin: 5px auto;
padding: 5px;
width: 380px;
}
#formulaireContact table th {
color: #666;
font-size: 1em;
font-weight: normal;
padding: 4px;
text-align: left;
width: 120px;
}
#formulaireContact table td.center {
margin: 0;
padding: 0;
text-align: center;
}
#formulaireContact table td {
border: none;
font: normal normal 0.9em Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
text-align: left;
}
#formulaireContact table th.obligatoire {
color: #333;
font-weight: bold;
}
#formulaireContact input, #formulaireContact select {
width: 260px;
}
/********************************/
/*           Les Classes        */
/********************************/
#formulaireContact input.btnEnvoyer {
background: #069;
font-weight: bold;
width: 150px;
}
#contenu p.center {
text-align: center;
}
.center {
text-align: center;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
#contenu p.hdp {
margin: 5px;
padding: 0;
text-align: right;
}
.imgBottom {
margin: 20px 0 0 200px;
}
.imgFloatLeft {
float: left;
margin: 0 5px 0 0;
}
.imgFloatRight {
float: right;
margin: 0 0 0 5px;
}
p.lettrine:first-letter {
color: #000;
font-size: 1.8em;
}
.newsDate {
color: #0470B8;
font-size: 0.9em;
letter-spacing: 1px;
}
.noStyle li {list-style-type: none;}
.obligatoire {
color: #C30;
font-weight: bold;
}
.separateur {
clear: both;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
.right {
text-align: right;
}
.tableData td {text-align: center;}
.tableData th {
font-weight: normal;
text-align: left;
}
.underline {text-decoration: underline;}
/***************************************/
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 15% 0 15% 210px;
}
#msgRetourForm p {
margin: 0;
padding: 0;
}
/***************************************/
/**********  Referencement  ************/
/***************************************/
#referencement {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}