@charset "iso-8859-1";


		body {/* Corps de la page, centrage, image de fond, police et taille utilisé */
          margin: 0;
          padding: 0;
          text-align: center;
          background:  url(../img/back.gif) repeat left top;
          color: black;
          font-family:  Arial, sans-serif ;
          font-size : 12px;
          }


        hr.dotted{/* Toute les bordures d'image enlevée en cas de liens */
        border : 0px;
		border-top : 1px dotted #000 ;
        height : 0px;}
        hr.gris{/* Toute les bordures d'image enlevée en cas de liens */
		
        margin-top : 7px;
        margin-bottom : 7px;
		border-top : 1px solid #CCCCCC ;
        height : 0px;}
        hr.gris2{/* Toute les bordures d'image enlevée en cas de liens */
        display : block;
        clear : both;
        margin-top : 10px;
        margin-bottom : 10px;
		border-top : 1px solid #CCCCCC ;
        height : 0px;}
        hr.gris3{/* Toute les bordures d'image enlevée en cas de liens */
        display : block;
        width : 340px;
        margin-top : 10px;
        margin-bottom : 10px;
		border-top : 1px solid #CCCCCC ;
        height : 0px;}
		img{/* Toute les bordures d'image enlevée en cas de liens */
		border: 0px solid #fff ;}
		img.center{/* Centrage de l'image */
		display:block;
		text-align: center ;}
		img.right {/* Alignement de l'image a droite par rapport au texte */
		float: right;
		display: block;
		border: 0px solid #0A6CA3 ;
		margin-left: 5px;
        }
        img.down {/* Alignement de l'image a droite par rapport au texte */
		vertical-align: text-bottom; 
        }
        img.left {/* Alignement de l'image a gauche par rapport au texte */
		float: left;
		border: 0px solid #0A6CA3 ;
		margin-right: 5px;
		}
		table,th,tr,td{/* Toutes les bordures de tableau enlevée en cas de tableau */

		border:0 ;}

		/* ----------------------------------------------------------------------------------------Définitions de quelques class de colorisations de texte utilisable plusieurs fois */
		span{
          color: #FF9900;
		
        }
        span.red{
          color: #FE2A0F;
        }
        span.bleu{
          color: #0678B3;
		
        }
        
        span.gris{
          color: #606060;
		
        }
        span.biggris{
        	display : block;
        	float : left;
          	color: #606060;
			font-size: 14px;
			
			padding-left : 25px;
			padding-top : 5px;

			height : 17px;
        }
        span.biggris2{
          	color: #606060;
			font-size: 16px;
			
        }
        span.creux{
        background : url(../img/picto-creux.jpg) no-repeat left top;
        }
        span.rond{
        background : url(../img/pictos-rons.jpg) no-repeat left top;
        }
        span.meplat{
        background : url(../img/pictos-meplats.jpg) no-repeat left top;
        }
        span.smallgris{
          color: #606060;
		font-size: 10px;
        }
        span.prix{


          background : #FFFF00 url(../img/ttc.png) no-repeat right top;
          color: #000000;
          font-size: 1.6em;
          border : 1px solid #000;
          font-weight: bold ;
          padding : 0;
          padding : 5px 5px 5px 5px;
          margin : 1px 1px 1px 1px;
        }
        span.prix2{


          background : #8D8787 url(../img/ttc2.png) no-repeat right top;
          color: #FFFFFF;
          font-size: 1.6em;
          border : 1px solid #000;
          font-weight: bold ;
          padding : 0;
          padding : 5px 5px 5px 5px;
        }
		
		span.erreur{
		font-size: 10px; 
		color: #fff;
		}

		span.contact01{
		font-weight: bold; 
		color: #000;
		}

		span.mention{
		font-size: 10px;
		color: #000;
		}

		/* ----------------------------------------------------------------------------------------FIN DES SPAN */
		

		div#conteneur
		{/* --------   Bloc conteneur du site (la base du site)   --------- */

			width: 975px ;
			
			margin: 0 auto;
			
			border: 0px solid #000000 ;
			text-align: center;
			position : relative;

		}



		div#header
		{/* ---------    Bloc en tete du site (bandeau, etc...)    --------- */
        display: block;
        float:left;
        width: 140px ;
      	height : 820px;
		text-align : left;
        margin: 0 ;
        padding: 0;
        border : 0px #000 solid;
        
		}
		div#header h1 a{
		display: block;
        width: 140px;
        height : 820px;
		text-align : left;
        margin: 0 ;
        padding: 0;
        border : 0px #000 solid;
        background : url(../img/band-gauche.jpg) no-repeat left top;
        position : absolute;
		top: 0;
        }

        div#header h1 a span{
          display : none;
        }
 
      
      
		

        ul#menu {/* Formatage du menu */
            display: block;
            float : left;
			width: 173px ;
			height : 656px;
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ;
			padding-left : 10px;
			margin-right : 10px;
            background : url(../img/moules-bouteilles.png) no-repeat center bottom;
		}
        ul#menu li{
            
			border-bottom: 1px dotted #606060;
		}
		 ul#menu li.nobord{
            
			border-bottom: 0px dotted #606060;
		}
        ul#menu li a{
		color: #606060;
		font-size: 15px;
		border : 0px solid #000;
		font-weight: normal ;
		padding : 0;
		margin : 0;
		text-decoration : none;
		display: block;
        height : 30px;
		padding-left: 20px;
		padding-top: 15px;
		background : url(../img/picto-carre.png) no-repeat left center;
        }
        
       
	    ul#menu li a.lien6{/* Liens menu */
		color: #FFF;
		font-size: 15px;
		border : 0px solid #000;
		font-weight: normal ;
		padding : 0;
		margin : 0;
		text-decoration : none;
		display: block;
        height : 30px;
        margin-top:40px;
		padding-left: 20px;
		padding-top: 15px;
		background : url(../img/picto-carre-blanc.png) no-repeat left center;
        }
        ul#menu li a.lien7{/* Liens menu */
		color: #FFF;
		font-size: 15px;
		border : 0px solid #000;
		font-weight: normal ;
		padding : 0;
		margin : 0;
		text-decoration : none;
		display: block;
        height : 30px;
        margin-top:40px;
		background : url(../img/picto-carre-blanc2.png) no-repeat left center;
        }
        
        
        
       	div#contenu
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/

			display:block;
			width: 835px ;

			margin: 0;
			padding : 0;
			text-align :left;
			background : #CCCCCC;
			position : absolute;
			top: 0;
			left : 140px;
		}
        #contenu h2{
		font-size: 18px;
		font-weight: normal;
        color : #000;
      	}
      	#contenu #texte{
        display: block;
        float : left;
        padding: 0;
		margin: 0;
		width: 389px ;
		height : 646px;
		font-size: 14px;
		font-weight: normal;
		
        color : #606060;
        padding-left : 250px;
        background : #FFF url(../img/degrade-accueil-ang.jpg) no-repeat left top;
        margin-top : -3px;
      	}
      	#contenu #texte2{
        display: block;
        float : left;
        padding: 0;
		margin: 0;
		width: 558px ;
		height : 614px;
		font-size: 14px;
		font-weight: normal;
		
        color : #606060;
		padding-top : 30px;
		padding-left : 30px;
		padding-right : 30px;
        background : #FFF url(../img/fond.png) no-repeat left top;
        margin-top : -3px;
      	}
      	#contenu #texte3{
        display: block;
        float : left;
        padding: 0;
		margin: 0;
		width: 558px ;
		font-size: 14px;
		font-weight: normal;
		
        color : #606060;
		padding-top : 30px;
		padding-left : 30px;
		padding-right : 30px;
        background : url(../img/arrondis-haut.jpg) no-repeat left top;
        margin-top : -3px;
      	}
      	#contenu #texte4{
      		display : block;
      		width : 618px;
        background : #FFF url(../img/arrondis-bas.jpg) no-repeat left bottom;
      	}
      	#contenu div div.ecarte{
        line-height : 25px;
      	}
      	#contenu #texte2.grand{
        display: block;
        position : relative;
        float : left;
        padding: 0;
		margin: 0;
		width: 558px ;
		height : 1100px;
		font-size: 14px;
		font-weight: normal;
		line-height : 12px;
        color : #606060;
		padding-top : 30px;
		padding-left : 30px;
		padding-right : 30px;
        background : url(../img/fond2.png) no-repeat left top;
        margin-top : -3px;
      	}
      	#contenu div div.moyenleft{
        display: block;
        float : left;
        padding: 0;
		margin: 0;
		width: 250px ;
		
        
      	}
      	#contenu div div.petitleft{
        display: block;
        float : left;
        padding: 0;
		margin: 0;
		width: 170px ;
		
        
      	}
      	#contenu div div.bord{
        border-bottom : 1px solid #606060;
		
        
      	}
      	#contenu div h2{
      	padding: 0;
		margin: 0;
		font-size: 20px;
		font-weight: normal;
        color : #FF9900;
        margin-bottom : 13px;
      	}
      	#contenu div h2 span{
      	padding: 0;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
        color : #FF9900;
      	}
      	#contenu div h2 span.gris{
      	padding: 0;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		margin-bottom : 13px;
        color : #606060;
      	}
      	#contenu div h3{
      	padding: 0;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
        color : #FF9900;
      	}

      	
      	#contenu div #img{
        display: block;
        float : right;
        padding: 0;
		margin: 0;

		margin-left : 10px;
      	}
      	#contenu div #img img{
        margin-bottom : 10px;
      	}
      	#contenu div #img_bas{
        display: block;
        padding: 0;
		margin: 0;
		height : 120px;
		margin-top : 10px;
		border : 0px solid #000;
      	}
      	#contenu div #img_bas img{
      	float : left;
        margin-right : 5px;
      	}
      	ul#liens {/* Formatage du menu */
            display: block;
			margin: 0 ;
			padding: 0 ;
			margin-bottom : 13px;
			list-style-type: none ;
			
            height : 25px;
		}
        ul#liens li{
            float : left;

		}
		
		
        ul#liens li a{
			color: #000;
			font-size: 12px;
			border : 0px solid #000;
			font-weight: normal ;
			padding : 0;
			margin : 0;
			text-decoration : none;


        }
        ul#liens li a.present{
			display : block;
			background : url(../img/bt-presentation1-ang.png) no-repeat left top;
			width : 89px;
			height : 25px;
			
        }
        ul#liens li a:hover.present{

			background : url(../img/bt-presentation-1-1-ang.png) no-repeat left top;

			
        }
        ul#liens li a.marches{
			display : block;
			background : url(../img/bt-markets1-ang.png) no-repeat left top;
			width : 85px;
			height : 25px;
			
        }
        ul#liens li a:hover.marches{

			background : url(../img/bt-markets1-1-ang.png) no-repeat left top;

			
        }
        ul#liens li a.all{
			display : block;
			background : url(../img/bt-standard-alloys1.png) no-repeat left top;
			width : 102px;
			height : 25px;
			
        }
        ul#liens li a:hover.all{

			background : url(../img/bt-standard-alloys1-1.png) no-repeat left top;

			
        }
        ul#liens li a.autre-all{
			display : block;
			background : url(../img/other-alloys1.png) no-repeat left top;
			width : 83px;
			height : 25px;
			
        }
        ul#liens li a:hover.autre-all{

			background : url(../img/other-alloys1-1.png) no-repeat left top;

			
        }
        ul#liens li a.contact{
			display : block;
			background : url(../img/contact-1.png) no-repeat left top;
			width : 55px;
			height : 25px;
			
        }
        ul#liens li a:hover.contact{

			background : url(../img/contact-2.png) no-repeat left top;

			
        }
        
        ul#liens li a.infos{
			display : block;
			background : url(../img/bt-technical-info.png) no-repeat left top;
			width : 147px;
			height : 25px;
			
        }
        ul#liens li a:hover.infos{

			background : url(../img/bt-technical-info-2.png) no-repeat left top;

			
        }
        ul#liens li a.fiche{
			display : block;
			background : url(../img/bt-technical-data.png) no-repeat left top;
			width : 104px;
			height : 25px;
			
        }
        ul#liens li a:hover.fiche{

			background : url(../img/bt-technical-data-2.png) no-repeat left top;

			
        }
        
        ul#liens li a.situa{
			display : block;
			background : url(../img/geographical.png) no-repeat left top;
			width : 148px;
			height : 25px;
			
        }
        ul#liens li a:hover.situa{

			background : url(../img/geographical-2.png) no-repeat left top;

			
        }
        ul#liens li a.infos1{
			display : block;
			background : url(../img/bt-1.png) no-repeat left top;
			width : 98px;
			height : 25px;
			
        }
        ul#liens li a:hover.infos1{

			background : url(../img/bt-1-1.png) no-repeat left top;

			
        }
        ul#liens li a.infos2{
			display : block;
			background : url(../img/bt-2.png) no-repeat left top;
			width : 62px;
			height : 25px;
			
        }
        ul#liens li a:hover.infos2{

			background : url(../img/bt-2-2.png) no-repeat left top;

			
        }
        ul#liens li a.infos3{
			display : block;
			background : url(../img/cuzn23-25.png) no-repeat left top;
			width : 113px;
			height : 25px;
			
        }
        ul#liens li a:hover.infos3{

			background : url(../img/cuzn23-25-2.png) no-repeat left top;

			
        }
        ul#liens li a.infos4{
			display : block;
			background : url(../img/bt-4.png) no-repeat left top;
			width : 63px;
			height : 25px;
			
        }
        ul#liens li a:hover.infos4{

			background : url(../img/bt-4-4.png) no-repeat left top;

			
        }
        ul#liens li a.infos5{
			display : block;
			background : url(../img/bt-5.png) no-repeat left top;
			width : 105px;
			height : 25px;
			
        }
        ul#liens li a:hover.infos6{

			background : url(../img/bt-5-5.png) no-repeat left top;

			
        }
        ul#liens li a.infos6{
			display : block;
			background : url(../img/cuzn19al6.png) no-repeat left top;
			width : 84px;
			height : 25px;
			
        }
        ul#liens li a:hover.infos6{

			background : url(../img/cuzn19al6-2.png) no-repeat left top;

			
        }
        ul#liens li a.fiches{
			display : block;
			background : url(../img/fiches-1.png) no-repeat left top;
			width : 109px;
			height : 25px;
			
        }
        ul#liens li a:hover.fiches{

			background : url(../img/fiches-2.png) no-repeat left top;

			
        }
        ul#liens li a.etain{
			display : block;
			background : url(../img/bt-tin-bronzes1.png) no-repeat left top;
			width : 83px;
			height : 25px;
			
        }
        ul#liens li a:hover.etain{

			background : url(../img/bt-tin-bronzes1-1.png) no-repeat left top;

			
        }
        ul#liens li a.laitons{
			display : block;
			background : url(../img/bt-ht-brasses1.png) no-repeat left top;
			width : 83px;
			height : 25px;
			
        }
        ul#liens li a:hover.laitons{

			background : url(../img/bt-ht-brasses1-1.png) no-repeat left top;

			
        }
        ul#liens li a.cupro{
			display : block;
			background : url(../img/bt-alu1.png) no-repeat left top;
			width : 120px;
			height : 25px;
			
        }
        ul#liens li a:hover.cupro{

			background : url(../img/bt-alu1-1.png) no-repeat left top;

			
        }
         ul#liens li a.rondes{
			display : block;
			background : url(../img/round-square-flat2.png) no-repeat left top;
			width : 180px;
			height : 25px;
			
        }
       
        ul#liens li a.creuses{
			display : block;
			background : url(../img/bt-allow2.png) no-repeat left top;
			width : 84px;
			height : 25px;
			
        }
        
        ul#liens2 {/* Formatage du menu */
            display: block;
			margin: 0 ;
			padding: 0 ;
			margin-bottom : 15px;
			list-style-type: none ;
			
            height : 25px;
		}
        ul#liens2 li{
            float : left;

		}
        
        
        ul#liens2 li a.creuses{
			display : block;
			background : url(../img/bt-hollow-bars1-1.png) no-repeat left top;
			width : 95px;
			height : 25px;
			
        }
      	ul#liens2 li a.creuses2{
			display : block;
			background : url(../img/bt-hollow-bars2-2.png) no-repeat left top;
			width : 95px;
			height : 25px;
			
        }
        ul#liens2 li a.rondes{
			display : block;
			background : url(../img/bt-round-bars1-1.png) no-repeat left top;
			width : 82px;
			height : 25px;
			
        }
        ul#liens2 li a.meplats{
			display : block;
			background : url(../img/bt-square-flat-bars1-1.png) no-repeat left top;
			width : 122px;
			height : 25px;
			
        }
        
        
        ul#liens li a span{
        display: none;
        }
        ul#liens2 li a span{
        display: none;
        }
        
      
div#bloc { 
border: 1px solid #CCCCCC; 
width:90%; 
} 


		div#pied { 
		display : block;
		color: #000;
		font-size: 8px;
		font-weight: normal ;
		padding : 0;
		margin : 0;
		text-align : right;
		margin-right : 30px;
		} 
		div#pied a{ 
			color: #000;
			font-size: 8px;
			font-weight: normal ;
			padding : 0;
			margin : 0;
			text-decoration : none;	
		}
		div#pied a:hover{ 
			text-decoration : underline;	
		}
		#clear {/* Bloc qui maintient les autres a la meme hauteur */
		clear: both;

		}