/* CSS Document */

@import url(structure.css);
@import url(fonctions.css);


/*-----------  remise à zéro  -----------*/
html, body {
	border:0;
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px;
}

/*-----------  formatage commun   -----------*/

body {
	font: 11px Arial, Helvetica, sans-serif;
	background: url(../medias/_commun/body_bgd.gif) repeat-x;
}
body.index {
	background: url(../medias/_commun/body_index_bgd.gif) repeat-x;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	padding: 0 0 30px 0;
	font: normal 18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
h1 span {
	visibility: hidden;
}
h1.techno_innovation {
	background: url(../medias/fr/h1_techno_innovation.gif) no-repeat
}
h1.presentation {
	background: url(../medias/fr/h1_presentation.gif) no-repeat
}
h1.fondements {
	background: url(../medias/fr/h1_fondements.gif) no-repeat
}
h1.inoplast_groupe_plastic {
	background: url(../medias/fr/h1_inoplast_groupe_plastic.gif) no-repeat
}
h1.direction_filiales {
	background: url(../medias/fr/h1_direction_filiales.gif) no-repeat
}
h1.dates_cles {
	background: url(../medias/fr/h1_dates_cles.gif) no-repeat
}
h1.chiffres_cles {
	background: url(../medias/fr/h1_chiffres_cles.gif) no-repeat
}
h1.dimension_globale {
	background: url(../medias/fr/h1_dimension_globale.gif) no-repeat
}
h1.composites {
	background: url(../medias/fr/h1_composites.gif) no-repeat
}
h1.techno_transfo {
	background: url(../medias/fr/h1_techno_transfo.gif) no-repeat
}
h1.peinture {
	background: url(../medias/fr/h1_peinture.gif) no-repeat
}
h1.r_et_d {
	background: url(../medias/fr/h1_r_d.gif) no-repeat
}
h1.crea_inno {
	background: url(../medias/fr/h1_crea_inno.gif) no-repeat
}
h1.axes_rd {
	background: url(../medias/fr/h1_axes_rd.gif) no-repeat
}
h1.produits {
	background: url(../medias/fr/h1_produits.gif) no-repeat
}
h1.comp_thermo {
	background: url(../medias/fr/h1_comp_thermo.gif) no-repeat
}
h1.pieces_auto {
	background: url(../medias/fr/h1_pieces_auto.gif) no-repeat
}
h1.pieces_camion {
	background: url(../medias/fr/h1_pieces_camion.gif) no-repeat
}
h1.dev_durable {
	background: url(../medias/fr/h1_dev_durable.gif) no-repeat
}
h1.environnement_rejets {
	background: url(../medias/fr/h1_environnement_rejets.gif) no-repeat
}
h1.contrainte_reglementaire {
	background: url(../medias/fr/h1_contrainte_reglementaire.gif) no-repeat
}
h1.recyclage_capacite {
	background: url(../medias/fr/h1_recyclage_capacite.gif) no-repeat
}
h1.agir_filiere {
	background: url(../medias/fr/h1_agir_filiere.gif) no-repeat
}
h1.securite {
	background: url(../medias/fr/h1_securite.gif) no-repeat
}
h1.smc_vert {
	background: url(../medias/fr/h1_smc_vert.gif) no-repeat
}
h1.rh {
	background: url(../medias/fr/h1_rh.gif) no-repeat
}
h1.metiers {
	background: url(../medias/fr/h1_metiers.gif) no-repeat
}
h1.nous_rejoindre {
	background: url(../medias/fr/h1_nous_rejoindre.gif) no-repeat
}
h1.detail_offre {
	background: url(../medias/fr/h1_detail_offre.gif) no-repeat
}
 
h2 {
	padding: 0 0 10px 0;
	font:1.3em arial, helvetica, sans-serif;
	color: #d26204;
	font-weight:bold;
	text-transform:uppercase;
}
h3 {
	padding: 0 0 6px 0;
	font:1.2em arial, helvetica, sans-serif;
	font-weight:bold;
}

p { 
	margin: 0;
	padding-bottom: 10px; 
}
p.lignes_orange {
	background: url(../medias/_commun/pointille_orange.gif) repeat-x left 9px;
	padding: 9px 0;
}
p.lignes_gris {
	background: url(../medias/_commun/pointille_gris.gif) repeat-x left 9px;
	padding: 9px 0;
}


table td {
	vertical-align: top;
}
table.lignes_orange {
	background: url(../medias/_commun/pointille_orange.gif) repeat-x left top;
}
table.lignes_orange td {
	background: url(../medias/_commun/pointille_orange.gif) repeat-x left bottom;
}


ul, ol {
	margin: 0;
	padding: 0 0 12px 20px;
}
ul li ul {
	margin: 0;
	padding: 0 0 0 30px;
}
blockquote {
	margin: 22px 40px;
}
small {
	font-size:0.85em;
}
sup {
	position: relative;
	bottom: 0;
}
sub {
	position:relative;
	bottom:-0.2em;
}
acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}

/*-----------  liens   -----------*/

a, a:visited {
	text-decoration:none;
	outline: none; 
	color: #000;
}
a:hover {
	text-decoration:none;
}

/*-----------  images   -----------*/

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

span.ombre_photo {
	display: block;
	padding-bottom: 8px;
	margin-bottom: 24px;
	background: url(../medias/_commun/ombre_basse.jpg) no-repeat left bottom;	
}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.nopadding     { padding:0; }
.nomargin      { margin:0 !important; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.color_orange {
	color: #d26204 !important;
}
 
/*-----------  boutons   -----------*/

a.btn_ombre {
	display: block;
	float: left;
	width: 177px;
	height: 30px;
	padding: 5px 12px 4px 6px;
	background:url(../medias/_commun/btn_90_ombre.gif) no-repeat right top;
	text-align: right;
	color: #000;
}		
a.btn_ombre:hover{
	color: #d26204;
}	

/*-----------  classe clearfix   -----------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */