@charset "UTF-8";
/* CSS Document */

/*couleurs
fond papier : #687497
fond entreprise : #81A7D2
bleu foncé typo : #002F60
fond metier : #3081AE
fond savoir-faire : #3F5B8F
fond qualite : #924E6D
fond contact : #B6B600
fond form contact : #DBDB80
*/
/*COULEURS DU FOND DES PAGES*/
.main#entreprise { 
	background-color:#81A7D2; 
	color:#002F60;
	}
.main#metier {
	background-color:#3081AE;
	color:#FFF;
	}

.main#qualite {
	background-color:#924E6D;
	color:#FFF;
	}
.main#contact {
	background-color:#B6B600;
	color:#FFF;
	}
/*------------------------------------------------------*/	
body {
	background-color: #687497;
	font-family:Arial, Helvetica, sans-serif;
	}
/*mise à zéro des communs*/
ul, li {list-style-type:none; margin:0; padding:0; }
h1, h2, h3, h4, h5,h6 {margin:0; padding:0; }
.eject {
	position:absolute;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
	}
p, ul { font-size:13px; }
p { margin:0;}
/************************************************************************/	
.main {
	height: 600px;
	width: 1020px;
	position: relative;
	margin: 0 auto;
	background-color:#FFF;
	overflow:hidden;
	}
#main_navig {
	width:100%;
	height:130px;
}
/*logo*/
a#logo_fpa {
	display:block;
	width:329px;
	height:68px;
	position:absolute;
	top:0;
	left:0;
	background:transparent url(/boutons/logo_fpa.gif) top left;
	}
/*navigation principale*/
ul#navig_FR, ul#navig_GB {
	width:100%;
	height:20px;
	position:absolute;
	top:110px;
	left:0;
	}
ul#navig_FR li, ul#navig_GB li { display:inline;/*pour IE 6 PC*/}
ul#navig_FR li a, ul#navig_GB li a {
	display:block;
	width:164px;
	height:19px;
	float:left;
	}
/*les boutons de la navigation principale sont invisibles : un fond au UL suffit */

/************************************************************************/
/*navigation secondaire*/
/*LA CLASSE PREVAUT SUR L'ID ds le cas de ul.navig_sec !!! */
/*par consequent, on remplace l'ID aditionnelle du menu par une classe*/
ul.navig_sec {
	display:block;
	position:absolute;
	/*top:149px;*/
	left:0;
	z-index:10;
	/*border:1px solid #f00;*/
	}
ul.navig_sec li {margin-bottom:7px; }
ul.navig_sec a {
	display:block;
	width:132px;
	/*border:solid 1px #666;*/
	height:18px;
	}	

/*L'ENTREPRISE*/
ul.pour_entreprise { top:149px; /*nouvelle classe : remplace l'ID correspondante*/}

ul.entreprise li {
	list-style-position: outside;
	list-style-image: url(/img/carre_jaune.gif);
	margin:0.2em 15px;
	}
.main#entreprise #contenu_valeurs {
	position:absolute;
	width:570px;
	height:361px;
	top:202px;
	left:148px;
	}
.main#entreprise #contenu_valeurs h1  {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 18px;
}
.main#entreprise #contenu_valeurs h2 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:14px
	}
.main#entreprise #contenu_valeurs hr.blanc {border: solid 1px #FFF;}
.main#entreprise #contenu_valeurs p, .main#entreprise #contenu_valeurs ul, .main#entreprise #contenu_valeurs ul li {line-height:18px;}
.main#entreprise #contenu_valeurs ul {margin-bottom:18px; }

.main#entreprise #contenu_historique {/*division sans précésion*/}
.main#entreprise #contenu_hommes {/*division sans précésion*/}

/*des colonnes pour entreprises et qualité*/
#col_gauche, #col_droite {
	position:absolute;
	width:327px;
	/*border:1px solid #666;*/
	}
#contenu_hommes #col_gauche p, #contenu_hommes #col_droite p,
#contenu_historique #col_gauche p, #contenu_historique #col_droite p {	
	margin-bottom:22px; 
	line-height:114%;
	}
#contenu_hommes #col_gauche, #contenu_historique #col_gauche {
	top:232px;
	left:51px;
	height:368px;
	}
#contenu_hommes #col_gauche img#decale_g {
	margin-left:-52px; 
	margin-top:7px;
	}
#contenu_hommes #col_droite, #contenu_historique #col_droite {
	top:166px;
	left:425px;
	height:434px;
	}
/*décoratif*/
img.colle_droite {float:right; height:470px; }

/*METIER*/
.main#metier #contenu {
	position:absolute;
	width:345px;
	height:425px;
	top:173px;
	left:27px;
	}
/*une colonne commune, 2 paragraphes de largeurs différentes*/
p.col_sur, p.col_sous {margin-top:5px; }
p.col_sur {margin-bottom:38px; }
p.col_sur {width:345px; }
p.col_sous {width:245px;}
/*des titres nommés idem*/
h2.col_sur, h2.col_sous {
	margin-left:-27px;
	display:block;
	width:372px;
	height:18px;
	}

/*les images*/
img#img_1, img#img_2, img#img_4 {position:absolute; }
img#img_1 {
	left:603px;
	top:238px;
	}
img#img_2 {
	left:469px;
	top:173px;
	}
img#img_4 {
	left:302px;
	top:437px;
	}
	
/*SAVOIR-FAIRE*/
/*navigation secondaire*/
ul.pour_savoir-faire {
	top:172px;/*nouvelle classe : remplace l'ID*/
	}
ul.pour_savoir-faire a {
	width:178px;
	height:17px;
	}

ul.pour_savoir-faire li {
	padding:0;
	margin: 0 0 17px 0; /*nouvelle classe : remplace l'ID*/
	}
*html body .main ul.pour_savoir-faire li {margin:0 0 14px 0; /*hacks pour IE*/ }


/*navigation tertiaire*/
#navig_tertiaire {
	position:absolute;
	left:250px;
	top:471px;
	width:746px;
	height:93px;
	}
	
#navig_tertiaire ul {
	display:block;
	width:744px;
	height:69px;
	}
#navig_tertiaire ul#emboutissage {
	position: absolute;
	left : -75px;
	width : 840px;
}
#navig_tertiaire ul#emboutissage { background:transparent url(/boutons/FR/fd_btn_embout_12.gif) no-repeat top left; }
#navig_tertiaire ul#decoupe-laser { background:transparent url(/boutons/FR/fd_btn_decoupe_12.gif) no-repeat top left; }
#navig_tertiaire ul#tolerie { background:transparent url(/boutons/FR/fd_btn_tolerie_12.gif) no-repeat top left; }
#navig_tertiaire ul#controle { background:transparent url(/boutons/FR/fd_btn_controle_12.gif) no-repeat top left; } 
#navig_tertiaire ul#outils { background:transparent url(/boutons/FR/fd_btn_outils_12.gif) no-repeat top left; }

#navig_tertiaire ul	li {display:inline; /*pour IE6*/}

#navig_tertiaire ul	li a {
	display:block;
	width:95px;
	height:69px;
	float:left;
	margin-right:9px;
	}

/*cartouches décalés : les exceptions*/
#navig_tertiaire ul	li a.emboutissage#c5 {margin-right:35px; }
#navig_tertiaire ul	li a.emboutissage#c8 {margin-right:0px;} 
#navig_tertiaire ul	li a.emboutissage {margin-right: 6px;}
#navig_tertiaire .emboutissage {left:50px;}
#navig_tertiaire ul	li a.decoupe-laser,
#navig_tertiaire ul	li a.tolerie,
#navig_tertiaire ul	li a.outils {width:104px; margin-right:10px;}
#navig_tertiaire {
	position:absolute;
	left:250px;
	top:471px;
	width:746px;
	height:93px;
	}
	/*Emboutissage */
#navig_tertiaire1 ul {
	display:block;
	width:744px;
	height:69px;
	}
#navig_tertiaire1 ul#emboutissage {
	position: absolute;
	left : 160px;
	width : 840px;
}
#navig_tertiaire1 ul#emboutissage { background:transparent url(/boutons/FR/fd_btn_embout_12.gif) no-repeat top left; }
#navig_tertiaire1 ul#decoupe-laser { background:transparent url(/boutons/FR/fd_btn_decoupe_12.gif) no-repeat top left; }
#navig_tertiaire1 ul#tolerie { background:transparent url(/boutons/FR/fd_btn_tolerie_12.gif) no-repeat top left; }
#navig_tertiaire1 ul#controle { background:transparent url(/boutons/FR/fd_btn_controle_12.gif) no-repeat top left; } 
#navig_tertiaire1 ul#outils { background:transparent url(/boutons/FR/fd_btn_outils_12.gif) no-repeat top left; }

#navig_tertiaire1 ul	li {display:inline; /*pour IE6*/}

#navig_tertiaire1 ul	li a {
	display:block;
	width:95px;
	height:69px;
	float:left;
	margin-right:9px;
	}
#navig_tertiaire1 ul	li a.emboutissage#c5 {margin-right:35px; }
#navig_tertiaire1 ul	li a.emboutissage#c8 {margin-right:0px;} 
#navig_tertiaire1 ul	li a.emboutissage {margin-right: 6px;}
/* Fin Emboutissage */


.main#savoir-faire p {
	display:block;
	position:absolute;
	left:13px;
	top:341px;
	width:180px;
	}
/*visuels*/
#visuels_savoir-faire {
	position:absolute;
	left:249px;
	top:207px;
	width:745px;
	height:236px;
	/*border:1px solid #FFF;*/
	}
#visuels_savoir-faire img#premiere {float:left;margin-right:33px; }
#visuels_savoir-faire img#seconde { position:relative;}
#visuels_savoir-faire #visuel_2 {float:left; }
h6.legende {
	font-size:11px; 
	font-weight:normal;
	margin-top:13px;
	line-height:17px;
	}
h6.legende2 {
	font-size:11px; 
	font-weight:normal;
	margin-top:-3px;
	line-height:17px;
	margin-left:-20px;
}

/*QUALITE*/
#contenu_qualite {/*division sans précision*/ }
/*mêmes colonnes sur qualité et contact*/	
#contenu_qualite #col_gauche, #contenu_qualite #col_droite,
#contenu_contact #col_gauche, #contenu_contact #col_droite {
	top:153px;
	height:447px;
	/*border:1px solid #FFF;*/
	}
#contenu_qualite #col_gauche, #contenu_contact #col_gauche {
	left:51px;
	}
#contenu_qualite #col_droite, #contenu_contact #col_droite {
	left:425px;
	}
#contenu_qualite #col_gauche p, #contenu_qualite #col_droite p {	
	margin-bottom:17px; 
	line-height:17px;
	}
#contenu_qualite #col_gauche img#decale_g {
	margin-left:-52px; 
	margin-top:7px;
	}
img.lettrine {float:left; margin-right:12px; margin-top:6px;}

/*CONTACT*/
.coul_contact {background-color:#DBDB80; }
/*coul et casse*/
ul.contact_1, ul.contact_2, ul.contact_1 a, ul.contact_2 a, form.structured, 
form.structured p, .asterisque {
	color:#505000;
	font-size:11px;
	}
h3.msg_sent { color:#505000; }
ul.contact_1, ul.contact_2 {
	display:block; 
	width:49%;
	text-align:center;
	margin:10px 0;
	padding:5px 0;
	}
ul.contact_1 a, ul.contact_2 a { text-decoration:none; }
ul.contact_1 a:hover, ul.contact_2 a:hover {text-decoration:underline; }
ul.contact_1 {float:left;}
ul.contact_2 {float:right;}

/*FORMULAIRE*/
/*formulaire de contact*/
form.structured {
	margin-top:0;
	clear:both;
	width:100%;
	text-align:left;
	/*border:1px solid #666;*/
	}
fieldset { 
	margin:0 1%;
	padding: 0 1%;
	border:none;
	/*border:solid 1px #999;*/
	position:relative;
	}
legend {/*retired*/
	color:#999;
	font-size:10px;
	font-style:italic;
	margin-left:20px;
	}
input.champs {width:100%;/*l'input prend tte la largeur du label*/ }	
/*le label devient une case pour l'intitulé et son champ*/
label.pour_champs {
	display:block;
	float:left;
	/*border:1px solid #666;*/
	 }
label.decale_haut {margin-top:5px;}
label.w50 {	width:142px; }
label.w50#pousse_champ {margin-right:8px; }
label.w100 {width:305px; } 
label#pour_area {
	display:block;
	clear:both;
	margin:0;
	}
label#pour_area textarea {width:100%; height:90px; }	
label.pour_champs, #idem_label {
	height:30px;
	margin-bottom:10px;
	}
/*particulier*/	
form.structured p {margin-bottom:3px;}
#pour_valid_form {/*inclut le submit et le required*/
	position:relative;
	height:60px;
	}
#pour_valid_form input {
	float:right; 
	margin:0 5px 0 0;
	}
#pour_valid_form h6 {
	font-size:10px; 
	font-weight:normal;
	text-align:right; 
	position:absolute;
	top:0;
	left:6px;
	}
fieldset#pour_area {margin-top:0; margin-bottom:0; }

/*CHOIX DE LA LANGUE*/
#choix_langue {
	position:absolute;
	right:10px;
	top:10px;
	height:18px;
	}
	
a#btnlangfr, a#btnlanggb {
	display:block;
	width:28px;
	height:18px;
	float:right;
}

a#btnlangfr { background: url(/boutons/btn_drapeau_fr.gif) no-repeat left top; }
a#btnlanggb { background: url(/boutons/btn_drapeau_gb.gif) no-repeat left top; }