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

body{font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:0.8em;}
ul{margin:0px;
   padding:0px;}

li{margin:0px;
   padding:0px;
   list-style-image: url("images/puce2.gif");}

h3{font-size:13pt;
   color:#4E84A9;
   margin-top:30px;}
h4{font-size:12pt;
   font-weight:bold;}

.petittexte { font-size:90%;}

#wrapper{ 
border:2px solid gray;
width:952px;
margin: 0 auto;
position: relative;
}
/* HEADER : MENU ET SOUS MENU */
#header{
		background-image:url(images/navigation2.jpg);
		background-repeat:no-repeat;
		height:93px;}	

      #header a.clickLogo { position: absolute; height: 93px; width: 140px; }
   
      #header ul {  
        margin: 0px;   
        padding: 0px;
		list-style: none; 
		}

      #header ul li {
        margin: 0px;   
        padding: 0px;
		float: right;
	    display: block;
	    margin-top:40px;
	    color:#66CCFF;}

	   #header ul li a{
        margin: 0px;   
        padding: 0px;
		margin-top:40px;
	    color:#66CCFF;
		text-decoration:none;
		margin-right:33px;
		margin-left:33px;
		}
		
		#header ul li a:hover{  
	    color:#fff;
		text-decoration:none;}
		
		#header ul li#commande{display: none;}	
        .lienactif:link{ color: #fff; text-decoration: none; }

/* BANNIERE : zone IMAGE AUTOBUS*/
#banniere{height:344px;}
	    
	    /* BOUTON LANGUE */	
		#langues2{float:right;
				 margin-top:5px;
				 margin-right:0px;
				 font-size:0.8em;}	
				 
				 /* BOUTON ACCUEIL */
				 #haut{ width:47px;
				 		height:50px;
						margin:0 ;
						padding:0;}
						#accueil { background-image:url(images/home.jpg); width:47px; height:50px;}
				/* BOUTON PLAN DU SITE */	
				 #bas{  width:47px; 
				 	    height:53px;
						margin:0 ;
						padding:0;}
					#plan {background-image:url(images/plan.jpg); width:47px; height:50px;}

/* MILIEU : BULLES ( nouveautes/temoignages/video) et NOUVEAUTES*/
#milieu{
		/*background-image:url(images/background_03.jpg);
		background-repeat:no-repeat;
		height:10px;*/
		}

		#milieu h1{font-size:1.3em;
				   font-weight:bold;
				   margin-top:0px;
				   margin-bottom:0px;
				   display:block;}
		
		#milieu h2{font-size:0.8em;
    		       height:15px;
		           margin-top:10px;}

			#milieu  a{color:#fff;
			             vertical-align:middle;
			             text-decoration:none;}
			#milieu  a:hover{color:#000;}
			#milieu  a img {margin-left:5px;
			                  vertical-align:middle;
			                  border-style:none; }
			/* BULLES */
            #bulles{width:800px;
		            height:200px;
		            margin: 0 auto;
		            padding: 0 auto;
		            font-size:0.9em;}
            		/* NOUVEAUTES-TEMOIGNAGES-VIDEOS */
                    #nouveautes {margin: 0px 0px 0px 0px;
		                         padding: 10px;
		                         height: 100px;
		                         width: 230px;
		                         float: left;}

                    #temoignages {float: left;
		                          margin: 0px 0px 0px 0px;
	    	                      padding: 10px;
		                          padding-left:30px;
		                          height: 100px;
		                          width: 230px;
		                          display: inline;}

                    #video {margin: 0px 0px 0px 0px;
                            padding: 10px;
                            padding-left:40px;
                            height: 100px;
                            width: 230px;
                            float: left;}
            		
                    .img_video{margin-left:40px;
                               border-style:none;}

#details{margin-bottom:0px;}

/* CONTENT : TEXTE : headertexte et leftcolumn */
/* content contient la BANDE BLEU*/
#content{ margin-right:200px; min-height:177px; width:952px; background-image:url(images/barre_bleue.jpg); background-position: top left; background-repeat: no-repeat; }
        
        /* TEXTE */
        #texte{margin-right:250px;
	           margin-left:65px;
	           min-width:830px;
	           float:left; 
	           }
		        #texte h2{font-size:14px;color:#000;}
		        #texte a{color:#3399FF;}
                
                /* HEADERTEXTE*/
                #headertexte {width: 820px;
                              float: left;
                              background-image:url(images/titre.png);
                              background-repeat:no-repeat;
				              height: 86px;
				              margin:0;
				              padding:0;
				              }
                #headertexte h1 {
				                  font-size:18px;
				                  font-weight:bold;
			                      color:#4e84a9; /* fff */
				                  vertical-align:middle;
				                  float: left;
				                  margin:35px 0 0 60px;
				                    }                
				/* LEFTCOLUMN */ 
                #leftcolumn {
                             
							 width: 820px;
                             /* 450px */
                             float: left;
                             background-image: url(images/titre_etire.png);
                             min-height:300px;}
                
          .margedutexte{ margin:40px;}
                
/*-----------------------PAGE CATALOGUE---------------------------------------------------*/

/*////////////////////////////ONGLETS CARRES POUR CATALOGUE......BANDE GRISE.....\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#onglets_catalogue{height:87px;
                   width:592px;
                   background-image:url(images/barre_grise2.jpg);
                   background-repeat:repeat-x;
                   float:right;
                   margin-right:14px;
                   margin-top:-10px;
                   display:inline;
                   z-index:1;
                   font-family:Verdana, sans-serif;
                   font-size:13px;}
                   
#onglets_catalogue a{text-decoration:none;
                     color:#000;
                     outline:none;}

.onglet_top
{
        text-align:center;
        height:30px;
        vertical-align:top;
        padding:20px;
        padding-top:30px;
        float:left;    
}

.onglet_top_on
{
        background-image:url(images/barre_blanche.jpg);
        background-repeat:repeat-x;
        border-left:1px solid gray;
        border-right:1px solid gray;
        padding-left:19px;
        padding-right:19px;    
}
    
                  
 /*/////////////////////////////ENDROIT POUR LE TEXTE DE DESCRIPTION\\\\\\\\\\\\\\\\\\\\\\\*/                  
 
.onglet_catalogue{ display:none;
                   min-height:500px;
                   width:500px;
                   padding:40px;
                   margin:-500px 0px 0px 230px; }  

#contenu_catalogue{min-height:500px;
                   width:500px;
                   padding:40px;
                   margin:-500px 0px 50px 230px;}  
                   
.texte_catalogue{width:250px;
                 min-height:400px;
                 float:left;}
                         
.texte_catalogue ul li{list-style-image: url("images/puce2.gif");
                       margin-bottom:10px;}
                       
.images_catalogue{width:240px;
                  float:right;
                  min-height:400px;
                  margin-right:-20px;}
                  
/*TEMPORAIRE AVANT LA PROGRAMMATION*/                  
                  
.piece{ display:inline;}

.image_piece{ height:200px;
              width:200px;
              float:left;
              margin-left:-20px}
              
.image_piece img{ vertical-align:middle;
                  border:1px solid #000;
                  width:200px;
                  height:200px;}
                  
.texte_piece{ width:290px;
              font-size:16px;
              float:right;
              padding-top:10px;
              padding-left:10px;
              margin-top:0px;}

.texte_piece span{ font-weight:bold;
                   text-transform:uppercase;}

/*FIN DE LA PARTIE TEMPORAIRE*/
 
 
 
 
 /*--------------------------FIN DE L'ENDROIT POUR LE TEXTE DE DESCRIPTION-----------------*/
          
.onglet_nav 
{
        display:block;
        text-decoration:none;
        background-image:url(images/fleche1.jpg);
        background-repeat:no-repeat;
        background-position:left -5px;
        background-color:#a1c8df;
        width:150px;
        min-height:33px; height:auto !important; height:33px;
        padding:10px 0px 15px 50px; 
        margin-bottom:5px;
        text-transform:uppercase;
}
            

.onglet_nav:hover{background:#c8e1f0;
                  background-image:url(images/fleche2.jpg);
                  background-repeat:no-repeat;
                  background-position:left -5px;}
                  
.souscat 
{
    display:block;
    background-color:#009ED6;
    height:30px;
    width:160px;
    margin-top:-5px;
    padding-top:10px;
    padding-left:40px;
    text-decoration:none;
}

.souscat:hover
{
    background: White;
    font-weight: bold;
}              
                   
/*------------------------COLONNE BLEUE AVEC LE NOM DE CHAQUE PRODUIT---------------------*/
#colonneProduits
{
                 min-height:600px;
                 margin-left:12px;
                 margin-top:10px;
                 width:203px;
                 /*font-weight:bold;*/
                 font-size:13px;
                 font-family:Verdana, sans-serif;}

#colonneProduits a{color:Black;}


/*////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



/*-----------------------FIN DE LA PAGE CATALOGUE---------------------------------------------------*/
#italique{font-style:italic;}                 

#historiqueConference{/*z-index:1;
			top:0px;
			margin-top:-280px;
			margin-right:-150px;*/
		   	float:right;}
		   	
#onglets{ width:800px;
          float: left;
          margin-top:-10px;
          margin-bottom:30px;
          margin-left: -20px;}
  
#perception_onglet{ background-image:url(images/onglets_rollover/perception.jpg);
                    width:163px;
                    height:34px;}
#perception_onglet_en{ background-image:url(images/onglets_rollover/perceptionEn.jpg);
                    width:163px;
                    height:34px;}
                    
#integration_onglet{ background-image:url(images/onglets_rollover/integration.jpg);
                     width:156px;
                     height:34px;}
#integration_onglet_en{ background-image:url(images/onglets_rollover/integrationEn.jpg);
                     width:156px;
                     height:34px;}

                    
#systeme_onglet{ background-image:url(images/onglets_rollover/systeme.jpg);
                 width:275px;
                 height:34px;}
#systeme_onglet_en{ background-image:url(images/onglets_rollover/systemeEn.jpg);
                 width:275px;
                 height:34px;}
                    
#service_onglet{ background-image:url(images/onglets_rollover/service.jpg);
                 width:174px;
                 height:34px;}
#service_onglet_en{ background-image:url(images/onglets_rollover/serviceEn.jpg);
                 width:174px;
                 height:34px;}
                 
                 
  #perception_boite{margin-left:20px;}
  
  #integrationSouple{margin-left:20px;}
  #valeurs_ajoutes{margin-left:20px;}
  #serviceCle{margin-left:20px;}               
                 
                 
                 
                 
                 
                 
                 
                 
                 

#footer{background-image:url(images/footer.jpg);
		background-repeat:no-repeat;
		height:42px;
		width: 952px;
		clear: both;
		margin: 0px;
		padding-bottom:0px;}
		
	#footer p{font-size:0.8em;
			  color:#FFF;
			  text-align:center;
			  vertical-align:middle;
			  padding-top:15px;}
				  
.menu {width: 328px; height: 29px;}

#smEntrepriseEn {width:328px; position: absolute; left:140px; top:55px; display: none;}
    #missionEn {background-image: url(images/sousmenu/mission.png);}
    #historiqueEn {background-image: url(images/sousmenu/historiqueEn.png);}
    #qualiteEn {background-image: url(images/sousmenu/engagement-qualiteEn.png);}
    #developpementEn {background-image: url(images/sousmenu/rechercheetdeveloppementEn.png);}
    
#smProduitsEn {width:328px; position: absolute; left:420px; top:55px; display: none;}
    #aspirationEn {background-image: url(images/sousmenu/systemedaspirationEn.png);}
    #perceptionEn {background-image: url(images/sousmenu/boitesdeperceptionEn.png);}
    #rdEn {background-image: url(images/sousmenu/rd.png);}
    #piecesEn {background-image: url(images/sousmenu/piecesparmarqueEn.png);}
	/*#produitsparcategorie {display:none;}
	#produitsparsecteurs {display: none;}*/

#smEntreprise {width:328px; position: absolute; left:140px; top:55px; display: none;}
    #mission {background-image: url(images/sousmenu/mission.png);}
    #historique {background-image: url(images/sousmenu/historique.png);}
    #qualite {background-image: url(images/sousmenu/engagement-qualite.png);}
    #developpement {background-image: url(images/sousmenu/rechercheetdeveloppement.png);}
    
#smProduits {width:328px; position: absolute; left:420px; top:55px; display: none;}
    #aspiration {background-image: url(images/sousmenu/systemedaspiration.png);}
    #perception {background-image: url(images/sousmenu/boitesdeperception.png);}
    #rd {background-image: url(images/sousmenu/rd.png);}
    #pieces {background-image: url(images/sousmenu/piecesparmarque.png);}
	#produitsparcategorie {display:none;}
	#produitsparsecteurs {display: none;}

#bassousmenu { background-image: url(images/sousmenu/bassousmenu.png); width:328px; height:17px; float: left;}    
#bassousmenu2 { background-image: url(images/sousmenu/bassousmenu.png); width:328px; height:17px; float: left;}  
#hautsousmenu { background-image: url(images/sousmenu/hautsousmenu.png); width:328px; height:38px;}   
#hautsousmenu2 { background-image: url(images/sousmenu/hautsousmenu.png); width:328px; height:38px;}   
  
.tabproduits {width:490px;}
.tabproduits td {vertical-align:top;}	

/* --------------  SPLASH --------------------------------*/
.entrerimg {}
#entrezg { background-image:url(images/splash/entrezg.jpg);  width: 238px; height: 66px;}
#enterg { background-image: url(images/splash/enterg.jpg); width: 238px; height: 66px;}
#entrezd { background-image: url(images/splash/entrezd.jpg); width: 238px; height: 66px;}
#enterd { background-image: url(images/splash/enterd.jpg);  width: 238px; height: 66px;}

/* -------------------------------------------------------------*/
/* rollover */
.rollOver{display: block;
          background-repeat: no-repeat;
          background-position: 0 0;
          float: left;}
.rollOver:hover{background-position: bottom right;}
.rollOver span{display: none;}
/* fin rollover */    


/* Nouvelles */
.plus {margin-left:5px; vertical-align:middle; border-style:none; }
ul.listenouvelles li{list-style-image: url("images/puce2.gif");
                       margin-bottom:30px; font-size:90%; color:#444;}

ul.listenouvelles li img{border: none; margin-left:10px;}

img {border-style: none;}