*{font-family:Arial;font-size:10pt;margin:0;padding:0}
a{font-family:Arial;text-decoration: none;}
img{border-width:0px}


#mainTitle { height:62px;width:1000px;margin:0px 0px 0px 0px}
    #mainTitle .mainnavLeft {float:left;height:62px;margin:0px 0px 0px 0px}
    #mainTitle .mainnavCenter {background-repeat:repeat-x;float:left;background-image:url(../images/trancheshome_03.jpg);margin:0 0 0 0;height:62px;}
    	#mainTitle .mainnavContact  {margin:0px 0px 0px 0px;text-align:right;height:20px;width:662px;}
    	 #mainTitle .mainnavContact  a {font-size:8pt;font-weight:bold;text-align:right;color:#005fab;}
    	#mainTitle .mainnavTitle {margin:0 0 0 0;vertical-align:bottom;width:662px;}
    	#mainTitle .mainnavTitle ul {margin:0 0 0 0;padding: 0 0 0 0;list-style-type:none;}
    	   #mainTitle .mainnavTitle ul li {float:left;margin-right:10px;margin-top:4px;}
    	   * html #mainTitle .mainnavTitle ul li {margin-right:10px;margin-top:1px}
    	       #mainTitle .mainnavTitle ul li a img {border-width:0px;margin:0px}
    	       * html #mainTitle .mainnavTitle ul li a img {margin-top:3px;border-width:0px;background-color:transparent;}
    	       * html #mainTitle .mainnavTitle ul li img {margin-top:3px;border-width:0px;background-color:transparent;}
    #mainTitle .mainnavRight {float:left;height:62px;}
    
#topContent {margin:0 0 0 0;width:998px;height:332px;}
  #topContent .logoExLeft {height:332px;margin:0 0 0 0;background-image:url(../images/blue_background_exleft.jpg); background-repeat:no-repeat;background-position:bottom left;float:left;width:65px}
  #topContent .topContentLeft {height:332px;margin:0 0 0 0;background-image:url(../images/blue_background_left.jpg);background-position:bottom left;background-repeat:no-repeat;float:left;width:201px;}
  #topContent .topContentMain {margin-top:33px;height:299px;background-image:url(../images/blue_background_right.jpg);background-repeat:no-repeat;float:left;width:662px;}
  #topContent .logoLeft {height:332px;margin:0 0 0 0;background-image:url(../images/blue_background_exright.jpg);background-repeat:no-repeat;float:left;width:64px;background-position:bottom left;}
  
#summaryContent {margin-left:65px;width:894px}
  #summaryContent .summaryItem {float:left;}

#mainContent {float:left;width:950px;padding-left:45px}
  #mainContent .menuItems {padding:10px;float:left;width:201px}
    #mainContent .menuItems ul {margin:0 0 0 0;padding: 0 0 0 0;list-style-type:none;}
      #mainContent .menuItems li {font-family:Trebuchet MS, Arial;color:#0180c3;font-weight:bold;font-size:10pt;margin:0 0 0 0;padding: 5px 0px 5px 0px;border-bottom-width:1px;border-bottom-style:solid}
        #mainContent .menuItems li a {font-family:Trebuchet MS, Arial;font-size:10pt;color:#0180c3;font-weight:bold}
        #mainContent .menuItems li .first {font-size:12pt;}
        
          #mainContent .menuItems .groupe * {color:#5265a8;border-bottom-color:#5265a8;}
          #mainContent .menuItems .serviceclientele * {color:#94d3e1;border-bottom-color:#94d3e1;}
          #mainContent .menuItems .pourvousaider * {color:#9ec444;border-bottom-color:#9ec444;}
          #mainContent .menuItems .leguide * {color:#0081c4;border-bottom-color:#0081c4;}
          #mainContent .menuItems .commandeenligne * {color:#00ade5;border-bottom-color:#00ade5;}
          #mainContent .menuItems .reseaunational * {color:#00967d;border-bottom-color:#00967d;}

#actuContent {margin-left:65px;margin-bottom:20px;}
        
  #mainContent .mainContent {float:left;width:500px;padding:10px;font-family:Arial;font-size:9pt;font-weight:none}
  #mainContent .mainContent h3 {font-weight:bold;font-family:Trebuchet MS,Arial;font-size:16pt;font-style: italic;}
    #mainContent .mainContent h3.groupe {color:#5265a8}
    #mainContent .mainContent h3.serviceclientele {color:#94d3e1}
    #mainContent .mainContent h3.pourvousaider {color:#9ec444}
    #mainContent .mainContent h3.leguide {color:#0081c4}
    #mainContent .mainContent h3.commandeenligne {color:#00ade5}
    #mainContent .mainContent h3.reseaunational {color:#00967d}
  
  #mainContent .mainContent h4 {font-weight:bold;font-family:Trebuchet MS,Arial;font-size:8pt;}
    #mainContent .mainContent h4.pourvousaider {color:#9ec444}
    #mainContent .mainContent h4.activite {font-style:italic;color:#5265a8;font-size:14pt}
    #mainContent .mainContent h4.groupe {font-style:none;color:#5265a8;font-size:14px}    
    #mainContent .mainContent h4.serviceclientele {font-style:italic;color:#94d3e1;font-size:14pt}
    #mainContent .mainContent h4.industrie {font-style:italic;color:#0081c4;font-size:11pt}
    #mainContent .mainContent h4.leguide {font-style:none;color:#0081c4;font-size:10pt}
    #mainContent .mainContent h4 {color:#5ec0ce;font-size:10pt}
    

  #mainContent .mainContent ul {padding-left:5px;}
    #mainContent .mainContent li {font-size:10pt;list-style-type: none;background-repeat: no-repeat;background-position: 0 0.16em;}  
      #mainContent .mainContent ul.pourvousaider li {background-image: url(../images/pourvousaider_puce.jpg);padding-left:25px;padding-bottom:5px}
      #mainContent .mainContent ul.serviceclientele li {background-image: url(../images/serviceclientele_puce.jpg);padding-left:25px;padding-bottom:5px}
      #mainContent .mainContent ul.groupe li {background-image: url(../images/groupe_puce.jpg);padding-left:25px;padding-bottom:5px}
      #mainContent .mainContent ul.leguide li {background-image: url(../images/leguide_puce.jpg);padding-left:25px;padding-bottom:5px}
      #mainContent .mainContent ul.commandeenligne li {background-image: url(../images/commandeenligne_puce.jpg);padding-left:25px;padding-bottom:5px}
  #mainContent .mainContent a {color:#5265a8;}
     
  #mainContent .rightContent {float:left;width:160px;padding:10px;    text-align: center;}
  #mainContent .rightContent h4 {text-align:center;width:152px;color:#5ec0ce;font-size:10pt}

  #mainContent .menuItemsReseauNational {padding-top:10px;padding-left:10px;float:left;width:201px}
    #mainContent .menuItemsReseauNational ul {margin:0 0 0 0;padding: 0 0 0 0;list-style-type:none;}
      #mainContent .menuItemsReseauNational li {font-family:Trebuchet MS, Arial;color:#0180c3;font-weight:bold;font-size:10pt;margin:0 0 0 0;padding: 5px 0px 0px 0px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#00967d}
                #mainContent .menuItemsReseauNational li span.person {font-family:Trebuchet MS, Arial;color:#00967d;font-weight:bold;font-size:10pt;margin:0 0 0 0;padding: 0px 0px 0px 0px;}
                #mainContent .menuItemsReseauNational li span.titre {font-style:italic;font-family:Trebuchet MS, Arial;color:#8ccecc;font-weight:bold;font-size:10pt;margin:0 0 0 0;padding: 0px 0px 0px 0px;}
  
#footerTitle {height:40px;width:998px;margin:0px 0px 0px 0px;text-align:right}
    #footerTitle .footerLeft {float:left;height:40px;margin:0px 0px 0px 0px;width:266px}
    #footerTitle .footerCenter {padding-left:30px;vertical-align:middle;width:630px;text-decoration: none;font-size:7pt;font-weight:bold;text-align:right;color:#005fab;float:left;background-image:url(../images/footer_background.jpg);margin:0 0 0 0;height:40px;}
    #footerTitle table {height:40px;border-width:0px;width:630px;}
       #footerTitle tr {list-style-type:none; vertical-align:middle;}
          #footerTitle td {vertical-align:middle;margin:0 0 0 0;padding: 0 0 0 0;font-size:7pt}     
    #footerTitle .footerCenter a {vertical-align:middle;text-decoration: none;font-size:7pt;font-weight:bold;text-align:right;color:#005fab;}
    #footerTitle .footerRight {float:left;height:40px;width:64px}
    
#siteMap {float:left;width:925px;padding-left:30px;font-size:8pt;}
#siteMap div.siteMapCateg {float:left;margin-top:20px;padding-left:23px}
  #siteMap div.siteMapCateg ul {padding-left:4px;list-style-type:none;border-left-style:solid;border-left-color:#91d4da;border-left-width:1px;height:130px}
    #siteMap ul li.first {font-weight:bold;text-transform: uppercase}
    #siteMap ul a {font-size:8pt;}    
    #siteMap ul.siteMapGroupe a {color:#5265a8;}
    #siteMap ul.siteMapServiceClient a {color:#94d3e1}
    #siteMap ul.siteMapAider a {color:#9ec444}
    #siteMap ul.siteMapGuide a {color:#0081c4}
    #siteMap ul.siteMapCommandeLigne li {color:#00ade5;font-size:8pt;}    
    #siteMap ul.siteMapCommandeLigne a {color:#00ade5}    
    #siteMap ul.siteMapReseauNational a {color:#00967d}
    
div.hr {height: 17px;background: #fff url(../images/hr.jpg) no-repeat scroll center;padding-top:10px;padding-bottom:10px;}
div.hr hr {display: none;}

div.hrcatapromo {height: 8px;background: #fff url(../images/hrcatapromo.jpg) no-repeat scroll left;padding-top:10px;padding-bottom:10px;}
div.hrcatapromo hr {display: none;}

div.hrserviceclientele {height: 1px;background: #fff url(../images/hrserviceclientele.jpg) no-repeat scroll left;padding-top:5px;padding-bottom:5px;}
div.hrserviceclientele hr {display: none;}

div.hrgroupe {height: 1px;background: #fff url(../images/hrgroupe.jpg) no-repeat scroll left;padding-top:10px;padding-bottom:10px;}
div.hrgroupe hr {display: none;}

div.hrgrouperight {height: 1px;background: #fff url(../images/hrgrouperight.jpg) no-repeat scroll left;padding-top:10px;padding-bottom:10px;}
div.hrgrouperight hr {display: none;}

div.hypronorm div{color:#a6c407;text-transform:uppercase;text-align:center;font-family:Trebuchet MS;font-size:11px;font-weight:bold;width:170px}
div.hypronorm .hypcmt{color:#999999;}

div.hypronormprd div{color:#a6c407;text-align:center;font-size:11px;width:170px;font-weight:bold;}
div.hypronormprd .hypprdtitle{color:#a6c407;text-transform:uppercase;font-family:Trebuchet MS;}
div.hypronormprd .hypprddesc{color:#000000;font-size:10px;}
div.hypronormprd .hypcodeprd{color:#666666;font-size:10px;}

div.ecolabel{background: #fff url(../images/bck-eco-label.jpg) no-repeat scroll left;height:323px;padding-top:35px;padding-left:12px;padding-right:5px}
div.ecolabel div{width:140px;text-align:center;font-family: Trebuchet MS;font-size:11px;font-weight:bold;}
div.ecolabel div{width:140px;text-align:center;font-family: Trebuchet MS;font-size:11px;font-weight:bold;}
div.ecolabel .textwhite{color:#ffffff}
div.ecolabel .text{color:#333333}


a.lienGroupe{font-weight:bold;text-decoration:underline}
p.comment {font-size:10px;font-style:italic;color:#666666} 
div.minihr {height: 8px;background: #fff url(../images/hrmini.jpg) no-repeat scroll left;padding-top:10px;padding-bottom:10px;}
div.minihr hr {display: none;}

div.catapromo {width:500px;height:85px;}
div.catapromo .photo {float:left;width:100px;height:85px;}        
div.catapromo .title {float:left;font-style:italic;font-size:10pt;height:20px;width:375px;padding-left:15px}
div.catapromo .description {float:left;font-weight:bold;font-size:9pt;height:20px;width:375px;padding-left:15px}
div.catapromo .download {float:left;vertical-align:top;height:45px;width:375px;padding-left:15px}

div.catathematiques {width:500px;height:112px;}
div.catathematiques .photo {float:left;width:100px;height:112px;}        
div.catathematiques .description {float:left;font-weight:bold;font-size:9pt;height:20px;width:375px;padding-left:5px;color:#5ec0ce}
div.catathematiques .download {float:left;vertical-align:top;height:92px;width:375px;padding-left:5px}

div.encart{color:#5ec0ce;font-weight:bold;font-size:10pt;border-left-style:solid;border-left-color:#5ec0ce;border-left-width:2px;padding-left:20px}
.accroche{font-size:10pt;font-style:italic;font-weight:bold;}