﻿/*Par BALISE*/

body 
{
  margin:0px;
  padding:0px;
}

a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
}
p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}
li
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;

}
h1
{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#494949;
}
 h2
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0px;
    padding:7px;
    font-size:12px;
    font-weight:bold;
    color:#494949;
}
h3
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0px;
    padding:7px;
    font-size:11px;
    font-weight:bold;
    color:#494949;
}
h4
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0px;
    padding:7px;
    font-size:11px;
    color:#494949;
}
sup
{
   font-size:8px;
}
img
{
    font-size  :8px;

    color:Black; 
}      
/*-----------------MASTER PAGE-----------------------------------------------*/

/* Zone EN-TETE*/
#frametop
{
    background-image: url(images/masterpage/frameTopBorder.gif);
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:20px;
    width:744px;
}
#container
{
    position: relative;
    width: 744px;
    height: 537px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
}
#header
{
    position: absolute;
    left:21px;
    width: 509px;
    height: 51px;

}
#logo
{
	position:absolute ;
	left:530px;
	width: 188px; 
	height: 57px;
}
/* Zone MAIN NAVIGATION*/

#frameleftborder
{
    background-image: url(images/masterpage/frameLeftBorder.gif);
	position:absolute ;
	width: 21px;
	height:537px;
}
#framerightborder
{
    background-image: url(images/masterpage/frameRightBorder.gif);
	position:absolute ;
	left:723px;
	width: 21px;
	height: 537px;
}
#frameleftBorderTop
{
    background-image: url(images/masterpage/frameLeftTopBorder.gif);
	position:absolute ;
	width: 21px;
	height:330px;
}
#framerightBorderTop
{
    background-image: url(images/masterpage/frameRightTopBorder.gif);
	position:absolute ;
	left:723px;
	width: 21px;
	height: 330px;
}
#frameleftBorderBottom
{
    background-image: url(images/masterpage/frameLeftBottomBorder.gif);
	position:absolute ;
	bottom:33px;
	width: 21px;
	height:174px;
}
#framerightBorderBottom
{
    background-image: url(images/masterpage/frameRightBottomBorder.gif);
	position:absolute ;
	bottom:33px;
	left:723px;
	width: 21px;
	height: 174px;
}
#mainNav
{
	position:absolute ;
	left:530px;
	top:57px;
	width: 188px;
	height: 255px;
	text-align: right;
}
#mainNav ul
{ 
list-style-type: none;
margin:0px;
padding:0px;
}
#mainNav ul li
{
    padding:0;
    margin: 6px 28px 0px 0px;
    line-height:1.2em;

}

#mainNav ul li a
{
    color:#494949;
}
#mainNav ul li a:hover
{
color:#ff8400;
}

/* Zone FOOTER*/

#footer
{
    background-image: url(images/masterpage/frameFooter.gif);
    position:absolute ;
    bottom:0px;
    width:744px;
    height:33px;
    color: #494949; 
}
span. 
{
    font-size:10px;
}
.footerTextb
{
    color: #494949;
	font-size: 10px;
	margin-top:10px;
}
a.footerText
{
    color: #494949;
	font-size: 10px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}
a.footerText:hover 
{
color: #FF8400;
}
#footerTextLeft
{
    position:absolute;
    right:21px;
    top: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    color:#D2D2D2;
    font-size: 10px;
    text-align:right;
}
/*Zone CONTENU*/
#contentLeft
{
    position:absolute ;
	left:21px;
	top:57px;
	width: 509px;
	height:100%;

}
#contentRight
{
    position:absolute ;
	right:21px;
	top:349px;
	width: 188px;
	/*height: 150px;*/ 
}

/* --------------AJOUT MASTERPAGE2 PAGES --------------------------*/
#headerQuickLink
{
    position:relative;
    background-image: url(images/default/headerSmallTile.gif);
    background-repeat:repeat-x;
    margin:50px 0px 0px 0px;
    height:20px;
    width:188px;
    text-align:right;
    color:#969696;
    font-size:11px;
    font-weight:bold;
    padding:0px 0px 0px 0px;    
}
#headerQuickLink span
{
   margin-right:10px;
   color:#FF8400;
}
#headerQuickLink p
{
    padding:2px 0px 0px 0px;
    margin: 0px;
}  
 #boxQuickLink
{
    position:relative;
    background-image: url(images/masterpage/boxQuickLinkBottom1.gif);
    background-repeat:no-repeat;
    margin:0px;
    height:84px;
    width:188px;
}
#bottomQuickLink
{

    background-image: url(images/masterpage/boxSmallBottom2.gif);
    margin:0px;
    height:25px;
    width:188px;
}  


/*--------------------AJOUT MASTER PAGE EXTENSIBLE--------------------*/
#divheader
{
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    width:744px;
    height:57px;
}
#divlogo
{

    float:right;
    margin-right:5px;
    width:188px;
    height:57px;
}
#divframeright
{
    background-image:url(images/masterpage/frameTopRightBorder1.gif);
    float:right;
    width:21px;
    height:57px;
}
#divframeleft
{
    background-image:url(images/masterpage/frameTopLeftBorder1.gif);
    float:left;
    width:21px;
    height:57px;
}
#divtitle
{
    float:right;
    width:509px;
    height:57px;
}
#divpage
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:744px;
}
#divframerightmiddle
{
    background-image:url(images/masterpage/frameTopRightBorder2.gif);
    float:right;
    width:21px;
    height:273px;
}
#divframeleftmiddle
{
    background-image:url(images/masterpage/frameTopLeftBorder2.gif);
    float:left;
    width:21px;
    height:273px;
}
#divrightnav
{
    float:right;
    width:188px;
    text-align: right;

}
#divrightnav ul
{ 
list-style-type: none;
margin:0px;
padding:0px 0px 0px 0px;
}
#divrightnav ul li
{
    padding:0;
    margin: 6px 33px 0px 0px  ;
    line-height:1.2em;

}

#divrightnav ul li a
{
    color:#494949;
}
#divrightnav ul li a:hover
{
color: #FF8400;
}

#content
{
    float:left;
    width:509px;
   
}
.spacer 
{
  clear: both;
}

#divFrameBottomLeft
{
    background-image:url(images/masterpage/frameLeftBottomBorder.gif);
    position: relative;
    margin-top:-160px;
    width:21px;
    height:174px;
}   
#divFrameBottomRight
{
    background-image:url(images/masterpage/frameRightBottomBorder.gif);
    position:relative;
    left:723px;
    margin-top:-174px;
    width:21px;
    height:174px;
}   
#divfooter
{
    background-image:url(images/masterpage/frameFooter.gif);
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:744px;
    height:33px;
}
.smallbox
{
    margin-top:auto;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto; 
    width:170px;
    height:80px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#494949;
    text-align :center;
}
.smallbox a
{
    color:#494949;
}
.smallbox a:hover
{
    color:#FF8400;
}  
/*------------------- PAGE DEFAULT.ASPX------------------------------*/
/*Content1*/
  /*Navigation par Verticaux*/

#image
{
    height:260px;
    position:relative;    
    width:509px;
}
div#image img {
	display: none;
	left: 0px;
	position: absolute;
	top: 0px;
}
#sectionNav
{
    position: absolute;
    background-image: url(images/default/sectionNavDottedLines.gif);
    top:260px;
    left:0px;
    height:24px;
    width:509px;
}
#sectionNavProduct
{
    background-image: url(images/default/sectionNavDottedLines.gif);
    height:24px;
    width:509px;
    padding-top:0px;
    padding-left:0px;
}
#sectionSousNav /*pour corriger l'alignement vertical du text sectionNav avec un div imbriqué*/
{
    position: absolute;
    top:3px;
    left: 0px;
    height:15px;
    width:509px;
    
}
#sectionNav ul
{ 
margin:0px ;
padding: 0px;
list-style-type: none;
text-align: center;
display: inline;
 
}
#sectionNav ul li
{
    display: inline;
    margin-left:14px;
    border-right:groove 1px #969696;
    padding-right:7px; 
}
#sectionNav ul li a
{
    font-size:14px;
    color:#969696;
}
#sectionNav ul li a:hover
{
    color:#008FD8;
}

  /* Box latest News, featured product et current event CONTENT 1 et 2*/
   
   /*HEADER SECTION*/
#headerLatestNews
{
    position:absolute;
    background-image: url(images/default/headerSmallTile.gif);
    background-repeat:repeat-x;
    top:292px;
    left:0px;
    height:20px;
    width:252px;
    text-align:right;
    color:#969696;
    font-size:11px;
    font-weight:bold;
    padding:3px 0px 0px 0px;
    
}
#headerLatestNews span
{
   margin-right:10px;
   color:#FF8400;
} 
#headerFeaturedProduct
{
    position:absolute;
    background-image: url(images/default/headerSmallTile.gif);
    background-repeat:repeat-x;
    top:292px;
    left:257px;
    height:20px;
    width:252px;
    text-align:right;
    color:#969696;
    font-size:11px;
    font-weight:bold;
    padding:3px 0px 0px 0px;
    
}
#headerFeaturedProduct span
{
   margin-right:10px;
   color:#FF8400;
}     
  
#headerCurrentEvents
{
    position:absolute;
    background-image: url(images/default/headerSmallTile.gif);
    background-repeat:repeat-x;
    height:20px;
    width:188px;
    text-align:right;
    color:#969696;
    font-size:11px;
    font-weight:bold;
    padding:3px 0px 0px 0px;
    
}
#headerCurrentEvents span
{
   margin-right:10px;
   color:#FF8400;
}  

  /*BOXES SECTION*/
#boxLatestNews
{
    position:absolute;
    background-image: url(images/default/boxBigTop.gif);
    background-repeat:no-repeat;
    top:311px;
    left:0px;
    height:105px;
    width:252px; 
}
 #boxLatestNews p
{   
    font-size:11px;

}
a.blueLink
{
    font-size:10px;
    color:#008FD8;
}
 
a.blueLink:hover
{
    color:#FF8400;
}    
#boxFeaturedProduct
{
    position:absolute;
    background-image: url(images/default/boxBigTop.gif);
    top:311px;
    left:257px;
    height:105px;
    width:252px; 
} 
#boxProductRight
{
    position:absolute;
    top:0px;
    left:89px;
}
#boxProductRight h1
{
    font-size:11px;
    margin: 10px 10px 0px 10px;
}
#boxProductRight p
{
    font-size:11px;
    margin: 10px 10px 0px 10px;
}
.BoxProdRight
{
    position:absolute;
    top:0px;
    left:89px;
}
.BoxProdRight h1
{
    font-size:11px;
    margin: 10px 10px 0px 10px;
}
.BoxProdRight p
{
    font-size:11px;
    margin: 10px 10px 0px 10px;
}
#boxCurrentEvents
{
    position:absolute;
    background-image: url(images/default/boxSmallTop.gif);
    top:19px;
    height:105px;
    width:188px;
} 

  /*FOOTER SECTION*/  
#bottomLatestNews
{
    position:absolute;
    background-image: url(images/default/boxBigBottom.gif);
    background-repeat:no-repeat;
    top:416px;
    left:0px;
    height:25px;
    width:252px;
}
 #bottomFeaturedProduct
{
    position:absolute;
    background-image: url(images/default/boxBigBottom.gif);
    background-repeat:no-repeat;
    top:416px;
    left:257px;
    height:25px;
    width:252px;
} 
#bottomCurrentEvents
{
    position:absolute;
    background-image: url(images/default/boxSmallBottom.gif);
    background-repeat:no-repeat;
    top:124px;
    height:25px;
    width:188px;
}  


 /* --------------APPLICATION & SOLUTIONS --------------------------*/
 #imagesApplications
 {
    float:left;  
    width:100px;
    padding-left:10px;
    margin-top:10px;
    margin-left:0px;
 }
 td.espacementVertical
 {
    height:10px;
 }
 #paragraphe
 {
     float:right;
    width:370px;
    padding:0px;
    margin: 0px 0px 30px 0px;
 }
  
  #paragraphe p
 {
   margin:10px 30px 0px 0px;
   padding:0px;
   color:#494949;
   line-height:1.3em;
 } 
  #parsagraphe h2,h3
 {
    padding:0px;
    margin:10px 0px 0px 0px;
 }

 
  /* --------------PAGES HERITANTES --------------------------*/  
  
 #topLine
 {
    margin-top:5px;
 } 
 #contenu
 {
    margin:5px 0px 0px 10px;
 }
 #contenu h1
 {
    padding:0px;
    margin:0px;
 }
  #contenu h2,h3,h4
 {
    padding:0px;
    margin:10px 30px 0px 0px;
 }
   #contenu p
 {
   margin:10px 30px 0px 0px;
   padding:0px;
   color:#494949;
   line-height:1.3em;
 } 
 #contenu ol
{ 
  padding :0px;
  color :#494949;
}
#contenu ol li
{
    padding:0px;
    margin: 5px 0px 0px 15px;
}
#contenu ul
{ 
  list-style-type:disc; 
   margin:10px 30px 0px 0px;
  padding :0px 0px 0px 0px;
  color :#494949;
}
#contenu ul li
{
    padding:0;
    margin: 5px 0px 0px 15px;
    line-height:1em;
}
#contenu a
{
  color:#494949;
}
#contenu a:hover
{
  color:#FF8400;
}
#contenu table tr
{
    font-size:11px;
} 
#contenu table tr td
{
    font-size:11px;
    text-align:center;
}
#contenu table.tableauTechno tr td
{
    font-size:10px;
} 
 .blue
 {
    color:#0063A9;
 }
 .red
 { 
    color:#D71313;
 }
 li.listTechno
 {
    font-size:12px;    
 }
 .floatRight
 {
    float:right;
    margin:10px 10px 10px 10px;
 }
 .floatLeft
 {
    float:left;
    margin:10px 10px 10px 10px;
 }
 .floatCenter
 {
    float:none;
    margin:10px 10px 10px 10px;
 }
 #colGauche
 {
    width:225px;
 }
 #colGauche h2
 {
  margin-top:0px;
  padding: 0px;
  color:#008fd8;  
 }
 #colGauche h2 a
 {
  color:#008fd8;  
 }
 #colGauche p
 {
  margin:5px 0px 5px 10px;
  padding: 0px;
 }
 #colDroite
 {
    float:right;
    margin:0px;
    width:225px;
 }
 #colDroite h2
 {
  margin-top:0px;
  padding: 0px;
  color:#008fd8;  
 }
 #colDroite h2 a
 {
  color:#008fd8;  
 }
  #colDroite p
 {
  margin:5px 0px 5px 10px;
  padding: 0px;  
 }
.separation
{
    margin:5px 0px 0px -10px;
    padding:0px;
}
#contenu a.tableauOrange
{
    font-size:10px;
    color:White;
}
 
#contenu a.tableauOrange:hover
{
    color:#4F81BD;
}
.TableTag
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#494949;
}
.TagDescriptionLeft
 {
    position:absolute;
    width:390px;
    z-index:2;
}
.TagDescriptionRight
 {
    position:relative;
    float:right;
    margin:0px;
    z-index:1;
}
a.ProductBar
{
    color:#494949;
	font-size: 12px;
	font-weight:normal;
}
a.ProductBar:hover 
{
color: #FF8400;
}
.ButtonBlueTabTag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    letter-spacing:-1px;
    color: #008FD8;
    font-weight:bold;
    font-Size:11px;
}
.ButtonTabTag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    letter-spacing:-1px;
    color:#494949;
    font-weight:bold;
    font-Size:11px;
}
.PannelTabTag
{
    text-align:center;

    
}
#ProductBack
{
    width:502px;
    height:201px;
    background-image:url(images/nanoEdgeBGBox.jpg);
    margin-top:15px;
    margin-left:-8px;
}
.floatLeftIcon
 {
    float:left;
    margin:0px 3px 0px 1px;
 }
.text
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    letter-spacing:-0.1px;
    color:#494949;
}
#video
{
    height:360px;
    position:relative;
    width:480px;
    border-style:solid;
    border-width:3px;
    border-color:#D2D2D2;
    border-bottom-style:none;
}