/*------------------------
Main CSS for Polymix
Cr�: 22 mars 2006
Revis� 30 mars 2006
-------------------------*/


/*________________BASICS________________
----------------------------------------*/

body {
	font-family: verdana, arial,helvetica,  sans-serif;
	margin: 0;
	border: 0;
	padding: 0;
	background: #fff;
	color:#62615F;
	font-size:85%;
	background-image:url(../images/background_amp_purge.gif);
	background-repeat:repeat-x;

	}
p { padding: 0; margin: 0;}	
	
h1 { font-size: 0.80em; }

h2 {
	font-size: 0.75em;
	margin-bottom: 0;
	}

h3 {}

hr { padding: 0; margin: 0; background:#EFEFEF; }
p, li, table { /* this defines the base size of the "p" text in site */
	font-size: .8em;
	}
	
a, a:visited, a:active, a:hover {
	font-weight: bold;
	text-decoration: none;
	}
	
.admlist {
	height:20px;
	float:left;
	overflow:hidden;
	font-size: 10pt;
	border-bottom: 1px solid #DDE;
	}
.content_link, .content_link:visited, .content_link:active, .content_link:hover { /* style des liens dans le contenu */
	text-decoration: underline;
	font-weight:normal;
	color:#095aa6;
	}

.list_link, .list_link:visited, .list_link:active, .list_link:hover { /* style des liens dans le contenu */
	text-decoration: none;
	font-weight:normal;
	color:#095aa6;
	}
	
select,form {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	}
select {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	border: 1px solid;
	}
	
.pix{
margin-left:0px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
}

a.fiches_matiere {
	color:#8C9BA2;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover.fiches_matiere {
	color:#095aa6;
	font-weight: bold;
	text-decoration: none;
	}

.fiedname { background: #eee; }
/*_____________CONTAINER_______________
---------------------------------------*/

#container { /* packages all divs; defines fixed width */
	margin: 0;
	padding: 0;
	width: 790px;;
	}
#container_home { /* packages all divs; defines fixed width */
	background-image:url(../images/goutte_verte.gif);
	background-repeat:no-repeat;
	}
#container_content { /* packages all divs; defines fixed width */
	xbackground-image:url(../images/goutte_blanche_purge.gif);
	background-repeat:no-repeat;
	}

/*___HEADER (LOGO, UTILITIES, PRIMARY NAV)___
----------------------------------------------*/

#headerOuter { /* wrapper of entire header area */ 
	width: auto;
	}
	
#headerInner { 
	margin:0px;
	padding: 0;
	border: 0;
	height:90px;
	overflow:hidden;
	}

/*
********** Logo
*/

#logo { float: left; }

#logo, img#polylogo {
	margin: 0;
	padding: 0;
	border: 0;
	width: 232px;
	height: 85px;
	}

.polylogo {
	font-size: 150%;
	font-weight: bold;
	color: #095aa6;
	}

/*
********** Menu  Links
*/
#menu_corporate { 
float: left;
height:80px;
width:auto;
margin-left:7px;
border-left:1px solid #B8DE87;
}
#menu_produit { 
float: left;
height:80px;
width:auto;
margin-left:7px;
border-left:1px solid #B8DE87;
}
#menu_client { 
float: left;
height:80px;
width:auto;
margin-left:7px;
border-left:1px solid #B8DE87;
}
#menu_news { 
float: left;
height:80px;
width:auto;
margin-left:7px;
border-left:1px solid #B8DE87;
}
#menu_utilities { 
float: left;
height:80px;
width:auto;
margin-left:7px;
border-left:1px solid #B8DE87;
}

p.menutext {
	margin-left:10px;
	margin-top:10px;
	text-align: left;
	line-height:1.5;
	color: #FFFFFF;
	font-weight:bold;

}

p.menutext a {
	font-size: 1em;
	font-weight:bold;
	text-align: left;
	color: #FFFFFF;
}

p.menutext a:hover {
	color: #338421;
}

	
/*
********** Utility Links
*/

#utilities  {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
	width: auto;
	height: 59px;
	}

ul#utilist {
	text-align: right;
	margin-top: .3em;
	margin-bottom: .5em;
	border: 0;
	background: transparent;
	}

ul#utilist li {
	font-size: .8em;
	margin: 0;
	border: 0; /* WEIRD: add border here and it ignores the conditional for ie browsers */
	display: inline;
	list-style: none;
	} 

li.utilistitem {padding-left: .2em;}
	
.bar-bg { /* adds link separater between links */
	padding-right: 1em;
	background: url(../images/bar-separater.gif) right center no-repeat;
	}
	
a.utilinks, a:visited.utilinks, a:hover.utilinks {
	font-weight: normal;
	color: #095aa6;
	margin: 0 .3em 0 0;
	padding: 0;
	}

/*
********** Search
*/
	
#search {
	margin: 0 .3em 0 0;
	padding: 0;
	}
	
#search form {
	margin: 10;
	margin-left:10px;
	padding: 0;
	}
	
#search input {
	font-size: .8em;
	color: #DF0A51;
	margin: 0;
	border: 1px solid #338421;
	}
	
#search input.go {
	font-size: .70em;
	font-weight: bold;
	color: #ffffff;
	background:none;
	border:none;
	}

/*
********** Primary Navigation
*/

#nav1horz {
	clear: both; /* necessary to clear nav1 from header floats */
	height:80px;
	overflow:hidden;
	xborder-bottom:dotted #003366;
	}

ul#nav1 {
	font-size: 1em;
	text-align: center;
	margin: 0 3px 0 26%;
	padding: 0;
	border: 0;
	background: #fff;
}

ul#nav1 li {
	line-height: 2em;
	color: #FDB713;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	padding-right: 1.5em;
	font-weight:bold;
	} 

li.nav1-bg {
	padding-right: 1.3em;
	background: #fff url(../images/nav1-bg.gif) right center no-repeat;
}

	
#nav1 li a, #nav1 li a:visited, #nav1 li a:hover {
	color: #095aa6;
	background: transparent;
}

	

	
/*___SUBHEADER (SECONDARY NAV, BIG IMAGES, ANIM)___
----------------------------------------------*/

/*
********** Common Template Rules
*/

#subheader { /* see "specifics" section below for all "sh2" image designations */
	margin-bottom:18px;
	xmargin-top:20px;
	margin-left:20px;
	float: left;
	}
	
#anim { /* see "specifics" section below for all "sh1" image designations */
	padding: 0;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	z-index:5;
	margin: 0;
	border: 0; 
	height: 110px;
	} 




/*Menu de navigation vertical specifique aux pagex EQUIPEMENT__________________________*/
#refroidissement {
	text-align:right;
	position:absolute;
	left:10px;
	top:95px;
	width:183px;
	height:14px;
	z-index:2;
}

#thermoregulation {
	text-align:right;
	position:absolute;
	left:10px;
	top:122px;
	width:178px;
	height:14px;
	z-index:2;
}

#traitement_surface {
	text-align:right;
	position:absolute;
	left:10px;
	top:149px;
	width:165px;
	height:14px;
	z-index:2;
}

#soufflage {
	text-align:right;
	position:absolute;
	left:10px;
	top:203px;
	width:149px;
	height:14px;
	z-index:2;
}
#decoration {
	text-align:right;
	position:absolute;
	left:10px;
	top:176px;
	width:159px;
	height:14px;
	z-index:2;
}

#broyage {
	text-align:right;
	position:absolute;
	left:10px;
	top:203px;
	width:150px;
	height:14px;
	z-index:2;
}

#peripherique {
	text-align:right;
	position:absolute;
	left:10px;
	top:230px;
	width:140px;
	height:14px;
	z-index:2;
}


#nav2equipend {
	position:absolute;
	left:0px;
	top:247px;
	width:144px;
	height:40px;
	z-index:3;
}

/*li specifique au page matieres*/

li#nav2emat { 
	margin-top:4px;
	margin-right: 40px;
	border-top:1px solid #325CAB;
	}
li#nav2fmat { 
	margin-right: 50px;
	border-top:1px solid #325CAB;
}

.nav2activelinkmat, .nav2activelinkmat:hover, .nav2matselection {
	font-size:.8em;
}

.nav2activelinkmat {
	color: #FFFFFF;
}
.nav2activelinkmat:hover {
	color: #ffcc00;
}
.nav2matselection {
	color: #ffcc00;
	font-weight:bold;
}

.nav3activelink, .nav3activelink:active, .nav3activelink:visited{
	color: #ffffff;
	font-weight:normal;
	text-decoration:none;
}

.nav3activelink:hover{
	color: #ffffff;
	font-weight:normal;
	text-decoration:underline;
}

ul#nav2mat {
	font-size: 1em;
	text-align: right;
	margin: 0;
	padding: .8em 0 0 0;
	border: 0; 
	width: 193px;
	height: auto;
	}

ul#nav2mat li {
	color: #ffcc00;
	font-weight: bold;
	line-height: 2.3;
	list-style: none;
	} 
	
#nav2mat li a, #nav2mat li a:visited, #nav2mat li a:hover {
	margin: 0;
	}
	
#nav2mat li a, #nav2mat li a:visited { color: #fff; }
#nav2mat li a:hover { color: #ffcc00; }
/*____________________fin specification matiere________*/
	
 
/*Menu vertical cot�gauche (nav2)***********************/
ul#nav2 {
	font-size: 1em;
	text-align: left;
	margin: 0;
	padding: 0 0 0 0;
	border: 0; 
	color: #999999;
	}


ul#nav2 li {
	padding-left:18px;
	color: #DF014C;
	font-weight: bold;
	line-height: 2.3;
	list-style: none;
	background-image:url(../images/fleche_rose.gif);
	background-repeat:no-repeat;
	background-position:left;
	} 

li.nav2activelink {}

#nav2 li a, nav2 li a, #nav2 li a:visited, #nav2 li a:hover {
	}
	
#nav2 li a, #nav2 li a:visited { color: #999999; }
#nav2 li a:hover { color: #DF014C; }

/*
********** Specific Rules for Template Subheader Backgrounds
*/


/*_______MAIN CONTENT AREA (MCA)________
----------------------------------------*/

/*
********** Common Template Rules for MCA
*/

.mca {
	clear:both;
	margin-top:15px;
	position:relative;
	width:auto;
	height:auto;
	}
.matmca {/*specifique aux pages MATIERE (mat) */
	clear:both;
	margin-top:15px;
	margin-bottom:0;
	padding:0;
	position:relative;
	width:auto;
	height:auto;
	}

  /* All MCA divs floated LEFT */
#acc-left, #acc-leftbig, #acc-middle, #acc-lefthome,
#polyleft { float: left; }

  /* All MCA divs floated RIGHT */
#accpair, #acc-right,
#polyright { float: right; }

  /* H1 headers in MCA */
h1#polytitle {
	color: #338421;
	margin-left: 15px;
	padding-left: 20px;
	background: transparent url(../images/bg-blue1band.gif) left center no-repeat;
	}
h1#polytitle a {
	color: #338421;
	text-decoration:none;
	}
	
h1#polytitle a:hover {
	color: #338421;
	text-decoration:underline;
	}
	
h1#mattitle {
	color: #338421;
	margin-left: 15px;
	padding-left: 20px;
	background: transparent url(../images/bg-aqua1band.gif) left center no-repeat;
}
h1#mattitle a {
	color: #1585AA;
	text-decoration:none;
	}
	
h1#mattitle a:hover {
	color: #1585AA;
	text-decoration:underline;
	}

h1#equititle {
	color: #DC0000;
	margin-left: 15px;
	padding-left: 20px;
	background: transparent url(../images/bg-red1band.gif) left center no-repeat;
}
	
h1#equititle a {
	color: #DC0000;
	text-decoration:none;
	}

h1#equititle a:hover {
	color: #DC0000;
	text-decoration:underline;
	}


p#sommaire a{
	color: #62615F;
	text-decoration:none;
	font-weight:normal;
}

p#sommaire a:hover{
	color: #095aa6;
	text-decoration:none;
	font-weight:normal;
}

/* Lists in MCA */	
#polyleft ul, #polyright ul {
	margin-left: 0;
	padding: .5em 0 0 0;
	border-top: 1px solid #E9E9E9;
	width: 60%;
	}
.titepolyright {
	font-size: 0.8em;
	color:#338421;
	}
	
.matmiddle ul {
	margin-left: 0;
	padding: .5em 0 0 0;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	width: 80%;
	}
#filet{
	margin-left: 0;
	padding: 0 0 0 0;
	border-top: 1px solid #E9E9E9;
	width: 94%;
	}

	
#polyleft li, #polyright li,
.matmiddle li {
	list-style: none;
	margin: 0 0 0.4em 0;
	font-size:11px;
	}
	
#polyleft li.blue2bandlistitem, #polyright li.blue2bandlistitem,
.matmiddle li.blue2bandlistitem { 
	padding-left: 2.5em;
	background: transparent url(../images/bg-blue2band.gif) left center no-repeat;
	}
.matmiddle li.picto_rdv {
	padding-left: 1.7em;
	margin-bottom: 9px;
	background: transparent url(../images/bg-blue2band.gif) left center no-repeat;
	}
.matmiddle li.picto_informations {
	padding-left: 1.7em;
	background: transparent url(../images/bg-blue2band.gif) left center no-repeat;
	}
.matmiddle li.picto_devis {
	padding-left: 1.7em;
	background: transparent url(../images/bg-blue2band.gif) left center no-repeat;
	}
	
li a.blue2bandlink { color: #095aa6; }

/*
********** Accueil (index.html) Rules
*/

#acc-lefthome {
	margin-top:0px;
	margin-left: 170px;
	}

#acc-left, #acc-leftbig {
	margin:0px;
	padding-left: 35px;
	
}
	
#accpair {
	margin-top:0px;
	margin-right: 10px;
	padding: 0;
	width: 493px;
	}
	
#acc-middle, #acc-right { margin: 0; }

#acc-left, #acc-lefthome,  #acc-middle{
	width: 475px;
	}

#acc-leftbig{
	width: 700px;
	}
	
#acc-left h1, #acc-lefthome h1, #acc-middle h1, #acc-right h1 {
	xpadding-left: 20px;
	}

h1#rubtitle{
color: #DF014C;
}


#acc-left h1, #acc-leftbig h1, #acc-lefthome h1, li a.pinklink{ color: #666666; }
#acc-left h1, #acc-leftbig h1, #acc-lefthome h1, li a.pinklink:hover { color: #338421; }

#acc-middle h1, li a.redlink { color: #DF014C; }

#intertitre {
	font-size:0.8em;
	font-weight:bold;
	}

#acc-right h1, li a.newsitemlink, p a.blue2bandlink { color: #338421;}

#acc-left h1, #acc-lefthome h1, {
	xbackground: transparent url(../images/fleche_rose.gif) left center no-repeat;
	}
#acc-middle h1 { background: transparent url(../images/bg-red1band.gif) left center no-repeat; }
#acc-right h1 { xbackground: transparent url(../images/bg-blue1band.gif) left center no-repeat; }
		
#acc-left ul, #acc-leftbig ul, #acc-lefthome ul,#acc-middle ul, #acc-right ul {
	margin-left: 0;
	padding-left: 0;
	}
	
#acc-left li, #acc-leftbig li, #acc-lefthome li, #acc-middle li, #acc-right li {
	list-style: none;
	margin-left: 0;
	}
	
#acc-left li, #acc-leftbig li, #acc-lefthome li, #acc-middle li {
	margin-bottom: .8em;
	}
	
#acc-left li.listitem, #acc-leftbig li.listitem, #acc-left li.aqua3bandlistitem, #acc-lefthome li.listitem, #acc-lefthome li.aqua3bandlistitem,
#acc-middle li.red2bandlistitem, #acc-middle li.red3bandlistitem { 
	padding-left: 2em;
	}

#acc-right li {
	border-bottom:1px solid #E9E9E9;
	padding: .5em 0 .5em 0;
	}

#acc-left li.listitem, #acc-leftbig li.listitem, #acc-lefthome li.listitem {
	background: transparent url(../images/fleche_grise.gif) left center no-repeat;
	}
#acc-left li.aqua3bandlistitem, #acc-lefthome li.aqua3bandlistitem {
	background: transparent url(../images/bg-aqua3band.gif) left center no-repeat;
	}
	
#acc-middle li.red2bandlistitem {
	background: transparent url(../images/bg-red2band.gif) left center no-repeat;
	}
#acc-middle li.red3bandlistitem {
	background: transparent url(../images/bg-red3band.gif) left center no-repeat;
	}
	
p a.blue2bandlink {
	line-height: 1.5;
	padding-left: 2.5em;
	background: transparent url(../images/bg-blue2band.gif) left center no-repeat;
	}

/*
********** Polymix Specific Rules (societe, groupe, metier, agences, et d'access)
*/

#polyleft, #polyright {  margin-bottom: 25px; }

#polyleft { 
	width: 350px;
	margin-left: 15px;
}


#polyright { 
	width: 350px;
	margin-right: 15px;
}


#polyright-content-right {
	width: 150px;
	float: right;	
}
#polyright-content-left {
	width: 150px;
	float: left;
}

.adresses-agences {
	color: #DF014C;
	font-weight: bold;
}

	

/*
********** Matiere Specific Rules
*/

.matleft {
	float:left;
	margin-left:17px;
	width:180px;
	height:auto;
}

.matthumbleft {
	float:left;
	margin-left:17px;
	width:110px;
	height:auto;
}

.matimages {
	margin: 0;
	border-bottom:1px solid #E9E9E9;
	padding-bottom:6px;
	margin-bottom:4px;
	}
	
.matmiddle {
	float:left;
	margin-left: 15px;
	width: 400px;
	}
.matmiddle-left {
	float:left;
	width: 200px;
}
.matmiddle-right {
	float:right;
	width: 120px;
}
.matmiddle-left, .matmiddle-right {margin-top:5px; margin-bottom:5px;}

.matmiddle-bottom {
	clear:both;
	margin-top:10px;
	clear: both;
	width:360px;
	height:auto;
}
	
.titre-specif-produit {
	color: #095AA6;
	font-weight:bold;
}
.specif-produit {
	xmargin-left:10px;
}
		
.matright {
	float:right;
	margin-top: 50px;
	width: 144px;
	}
.matright_fiche {
	float:right;
	margin-top: 0px;
	width: 144px;
	}
.contenaire_fleche {
	width: 144px;
	height:12px;
	clear:both;
	}
.produit_precedent {
	float:left;
	margin-bottom:10px;

}
.produit_precedent {
	float:right;
	margin-bottom:10px;
}
a.linkfiche, a:hover.linkfiche , a:visited.linkfiche , a:active.linkfiche  {
	font-size: 0.8em;
	color: #095aa6;
	font-weight: normal;
	text-decoration: none;
	}
	
.matthumbright {
	float:right;
	margin-top: 10px;
	width: 145px;
	}
.matseparateur {
	clear:both;
	height:10px;
	margin-bottom:0px;
}
.matseparateurbottom{
	clear:both;
	height:5px;
	margin-bottom:20px;
}

.matthumbseparateur {
	clear:both;
	height:15px;
	margin-bottom:5px;
	border-bottom:1px solid #E9E9E9;
}

.producttitle {
	font-size:1.7em;
	font-weight:bold;
	color:#095aa6;
	margin-top: 0;
	margin-bottom: 5px;
	line-height:1;
	text-transform:uppercase;
	}

.transtitle {
	font-size:0.8em;
	color:#095aa6;
	margin-top: 0;
	}
	
.matright ul {
	margin-left: 0;
	padding: 0;
	}
	
.matleft ul {
	margin-left: 0;
	padding: 0;
}
	
.matright li {
	margin: 0 0 .8em 0;
	}
	
li.matrightlistitem {
	list-style: none; 
	padding-left: 15px;
	background: transparent url(../images/bg-bluearrow.gif) left center no-repeat;
	}
	
li a.matrightlistlink { color: #095aa6; }	
	
/*________________IMAGES________________
----------------------------------------*/

img {
	margin: 0;
	border: 0;
	padding: 0;
	}
	
img.accuieltricontent {
	margin-top: 2px;
	width: 230px;
	height: 75px;
	}


	
/*
********** Matiere Form Rules 
*/

	
#matdrops {
	position: absolute;
	top: 175px;
	left: 580px;
	margin: 0;
	padding: 0;
	}
	
#matdrops form {
	margin: 0;
	padding: 0;
	}
	
#matdrops select {
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #095aa6;
	border: 1px solid #095aa6;
	margin-top: 7px;
	width: 180px;
	height:20px;
	}
	
.matdrops_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin : 0;
	}	
/*
********** Layers rollover 
*/

#transparentlayer, #elastomerelayer, #technopolymere, #biopolymere, #application {
	position:absolute;
	left:150px;
	top:81px;
	width:269px;
	height:218px;
	z-index:1;
	visibility:hidden;
	padding-top:5px;
	padding-left:80px;
	background-image:url(../images/sh2_produit_transp.jpg);
	background-repeat:no-repeat;
}

#refroidissementlayer, #thermoregulationlayer, #soufflagelayer, #broyagelayer, #peripheriquelayer, #decorationlayer, #traitement_surfacelayer {
	position:absolute;
	left:149px;
	top:81px;
	width:269px;
	height:218px;
	z-index:1;
	visibility:hidden;
	padding-top:5px;
	padding-left:80px;
	background-image:url(../images/sh2_matiere_transp.jpg);
	background-repeat:no-repeat;
}


.texte_menu_masque {
	color: #FFFFFF;
	line-height:1.4;
	}


/*_______________FOOTER OK AMP ________________
---------------------------------------*/

#foot {
	clear: both;
	width: auto;
	height:50px;
	margin-left:35px;
	margin-top:15px;
	}

p.foottext {
	font-size: .65em;
	text-align: left;
	color: #999999;
	line-height:1.5;
	}
	
a.footlink, a:visited.footlink, a:hover.footlink {
	font-weight: bold;
	color:#DF014C;
	}
	
a.footlink, a:visited.footlink {
	color: #DF014C;
	border-bottom: none;
	}
	
a:hover.footlink {
	color: #DF014C;
	}
	
ul#nav2purge {
	font-size: 1em;
	text-align: left;
	margin-left: 30px;
	border: 0; 
	color: #999999;
	}
	
ul#nav2purge li {
	padding-left:18px;
	color: #DF014C;
	font-weight: bold;
	line-height: 1.3;
	list-style: none;
	background-image:url(../images/fleche_verte.gif);
	background-repeat:no-repeat;
	background-position:left;
	} 
	
#nav2 li a, #nav2purge li a, #nav2fiche li a, #nav2 li a:visited, #nav2produit li a:visited { color: #338421; }
#nav2 li a, #nav2purge li a:hover { color: #338421; }

#acc-leftbig table{
font-size:0.8em}

#acc-leftbig td{
vertical-align:top;
}

#acc-leftbig  td.ref{
font-weight:bold;
color:#DF014C;
}

#acc-leftbig  td.lien{
font-size:0.8em;
}

#acc-left tr.link:hover {
background-color:#F2F2F2;
}

#acc-left table{
font-size:1em}

#acc-left td{
vertical-align:top;
}

#acc-left  td.ref{
font-weight:bold;
color:#DF014C;
}

#acc-left  td.lien{
font-size:0.8em;
}