/*----------------------------------LES GENERALITES-------------------------------------------------------------------------*/

/*-----------------Structure page : les différents blocs-----------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
*
{
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
} 
body{
	background-image: url(../images/fili.jpg);
	background-position: right;
	width: 100%;
	height: 100%;
	padding: 0px;
	color: white;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
}
#bandeau{
	width:770px;
	height: 100px;
	margin-bottom:-2px;
}
#slogan{
	width: 770px;
	font: bold 13pt black ;
	margin-top: -5px;
	padding-left: 10px;
	text-align: left;
	background-color: #F1D822;
	line-height: 20px;
	padding-bottom: 5px;
	color: Black;
}
#contenu {
	width: 770px;
	height: 452px;
	margin-top: 5px;
	background-color: black;
	font: bold 10pt;
}
#piedpage {
	margin-top: 5px;
}

/*----------------------------- Les tableaux : menus et champs--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

#tableMenu{
	width: 770px;
	height: 10px;	
	border-bottom: 24px;
	padding-bottom: 24px;
	font: bold 12px;
	list-style-type: none;
	border-collapse: collapse;
}
#tableContact{
	border-bottom: 24px;
	padding-bottom: 24px;
	font: bold 10px;
	list-style-type: none;
	border-collapse: collapse;
}
td{
	height: 20px;
	text-align: left;
	padding: 2px;
	background-color: black;
	margin: 0px;
	color: White;
}
.retraitpp{  /*webmail*/
	padding-left:110px;
}
.divise {  /*Séparateur*/
    color: #F1D822; 
	 font-size: 12pt;
	 margin-left: 5px;
	 margin-right: 5px;
}
.retrait{/*contact*/
	padding-left: 175px;
}
.copy{
	font-size: 7pt;
}
.tilde{
	margin-right: 5px;
	margin-left: 5px;
}
/*---------------------Les liens---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
.lien {
    position: relative; 
	 font-size: 9pt; 
	 font-family: verdana;  
	 font-weight: bold; 
	 letter-spacing: -1pt; 
}
a.lien:link {
	color: White;
	text-decoration: none; 
	font-size: 9pt;
}
a.lien:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.lien:hover, a:focus{
	color: #F1D822;
	padding-bottom: 5px;
	border-bottom: none;		
}
.lien2 {
    position: relative; 
	 color: #F1D822;
	 font-size:9pt; 
	 font-family: verdana;  
	 font-weight: bold; 
	 letter-spacing: -1pt; 
	 text-decoration: none;
}
a.lien2:link {
	color: #F1D822;
	text-decoration: none; 
	font-size: 9pt;
}
a.lien2:visited {
	color: #F1D822;
	text-decoration: none;
}
a.lien2:hover, a:focus{
	color: #F1D822;
	padding-bottom: 5px;
	border-bottom: none;		
}

/*-------*/
/*---------------------- La typographie---------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1{
	text-align: left;
	padding-top: 30px;
	padding-left: 28px;
	color: #F1D822;
	font-size: 13pt;
	font-variant: small-caps;
	letter-spacing: 3px;	
	font-family: Arial, Helvetica, sans-serif;
}
h2{
	font-size: 9pt;
	text-align: left;
	padding: 30px 0px 20px 20px;
}
h4{
	text-align: left;
	padding-left: 35px;
	font-size: 9pt;
	line-height: 117%;
}
h5{
	text-align: left;
	padding-left: 35px;
	font-size: 9pt;
	line-height: 130%;
}

/*---------------------------Les tableaux----------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*.formulaire{/*Tableau d'authentification - suivi de commande : 
	margin-top: 50px;
	width: 450px;
	font-size: 9pt;
}*/
caption{
	background-color: gray;
	font-size: 10pt;
	padding-top: 10px;
}
tr{
	width: 400px;
}
textarea{/*Tableau pour formulaire - Contact : */
	width: 295px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1px;
}
input [type=text] :focus, textarea:focus{
	background-color: white;
	cursor: hand;
	cursor: pointer;
}
.td2{
	text-align: right;	
	width: 80px;
}

/*------------------------------------------LE DETAIL DES PAGES---------------------------------------------------------*/

/*----------------------Page ACCUEIL------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
#AFU{
	margin-top: 50px;
	font-size: 9pt;
	font-variant: small-caps;
	letter-spacing: 3px;
}
.tel{
	font-size: 7pt;
}
#puces{
	padding-left: 40px;
	text-align: left;
}
#accueil{
	text-align: left;
	padding-left: 70px;
	padding-top: 25px;
}
.couleur{
	color: #F1D822;
	font-size: 13pt;
	font-style: italic;
	margin-left: 4px;
	margin-right: 4px;
}
#blanc{
	color: White;
}
/*----------------------------page : SOCIETE--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
#blocH{
	width: 770px;
	font: bold 13px;
	color: White;
	text-align: center;
}
#blocG{
	width: 370px;
	height: 320px;
	text-align: left;
	padding-left: 80px;
	margin-left: -400px;
}
#blocR{
	text-align: left;
	margin-top: -365px;
	margin-right: -50px;
	padding-top: 75px;
}
.retrait1{  
	padding-left: 50px;
}
.texteAFUtitre{
	font : bold 12pt;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #F1D822;
}
.soustitre{
	font : bold 10pt;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #F1D822;
}
/*--------------------page : Contrôle et qualité-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#coinHD{
	width: 125px;
	height: 125px;
	margin-top: -10px;
}
#paragraphe{
	width: 550px;
	height: 170px;
	text-align: left;
	line-height: 160%;
	margin-right: 155px;
	margin-top: -85px
}
#photo{
	padding-top: 25px;
}
.espace{
	padding-left: 40px;
}
/*--------------------page : MOYENS DE PRODUCTION------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#texte2{
	text-align: center;
	font-size: 11pt;
	padding-bottom: 5px;
	padding-top: 5px;
}
#texteMoyens{
	padding-top: 25px;
	text-align: left;
	padding-left : 30px;
	line-height: 140%;
}
#photoMenu{
	padding-top: 20px;
	margin-right: 150px;
}
#sousMenu{
	font: bolder 9pt;
}
/*-------------------------page : sous menus moyens de production--------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#ssMenus{
	text-align: left;
	padding-left: 50px;
	padding-top: 40px;
}
#positionVignette{
	width: 175px;
	height: 125px;
	margin-left: -510px;
	margin-top: 30px; 
}
#positionContenu{
	width: 540px;
	height: 420px;
	margin-top:-375px;
	margin-right:-220px;
}
#texteContenu{
	margin-top: 40px;
	height: 120px;
	text-align: left;
	padding-left: 50px;
	padding-top: 37px;
}
#photoEtude{
	padding-top: 50px;
	margin-right: 15px;
}
#photoFraisage{
	padding-top: 20px;
	margin-right: 15px;
}
#photoTournage{
	padding-top: 80px;
	margin-right: 15px;
}
#photoOutil{
	padding-top: 55px;
	margin-right: 15px;
}
#retraitssmenu{
	margin-left: 20px;
}
/*-------------------------page : MATIERES USINEES------------------------------------------------------------------------------------------------------*/
/* CF. Contrôle et Qualité
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------page : CONTACT---------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
#demicontenuG{
	width: 370px;
	padding-top: 5px;
	float: left;
}
#demicontenuD{
	width: 370px;
	padding-top: 15px;
	float: right;
	position: relative;
}
#centre{
	padding-top: 60px;
	font-size: 10pt;
}
#texteContact{
	font: bold 10pt;
}
.jaune{
	color: #F1D822;
}
/*----------------------page : INFOS LEGALES-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#texte{
	text-align: left;
	padding-left: 30px;
	padding-top: 20px;
	font: 9pt;
}
#texteAFU{
	color: white;
	font: bold 10pt;
	font-variant: small-caps;
	letter-spacing: 1px;
}
/*----------------------page : Liens------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cetim{
	padding-top: 25px;
	line-height: 150%;
}

.logo{
	font-size: 18pt;
}
/*----------------------page : Accès------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#carte{
	width: 280px;
	height: 250px;
	margin-top:-320px;
}
#carnetRoute{
	width: 400px;
	height: 120px;
	text-align: left;
	margin-left: -290px;
	margin-top: 30px;
}
.retraitMich{
	padding-left: 45px;
	line-height: 500%;
	font-size: 14pt;
}
.retraitMappy{
	padding-left: 65px;
	font-size: 14pt;
}
/*------------------------page : PLAN DU SITE---------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MenuHaut{
	/*float: left;*/
	text-align: right;
	padding-right: 400px;
	font-size: 9pt;
	line-height: 200%;
}
#MenuBas{
	text-align: left;
	/*float: right;*/
	padding-right: 225px;
	font-size: 9pt;
	line-height: 200%;
}
#retraitPlan{
	padding-right: 45px;
}


#tableLiens{
	width: 600px;
	list-style-type: none;
	border-collapse: collapse;
}