body {
  background-image: url(../images/background3.gif); margin-top: 5px; font-family: verdana; font-size: 12px; font-weight: normal;
}
#container{
  width: 980px;  background: url(../images/container.gif); background-repeat: repeat-y; margin: auto;
}
img{
  border: 0px solid;
}
a{
  text-decoration: none;
}
.bold{
  font-weight: bold;
}
#top {
  width: 970px; height: 134px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;
}
#top p{
  padding : 90px 0px 0px 700px;
  color: #000066; 
  font-size: 15px;
  font-weight: normal;
}
.flag{
  padding : 0px 0px 10px 25px;
}
.flag img{
  margin-top : 10px;
}
#menu{
  width: 960px; height: 44px; background: url(../images/menu.gif); background-repeat: repeat-x; margin-left: 10px; padding: 0px 0px 0px 0px;
}
#menu ul {
  float: left; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
#menu ul li {
  float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.menu{
  font-family: arial; color: #9CA9BC; font-weight: bold; font-size: 14px; margin:20px 12px 0px 30px;
}
#menu a:hover, .menuLeft a:hover{
  color: #003366;
}
#menuLeft img, #menuSpecial img {
  margin: 0px 0px 0px 0px;
}
#content{
  width: 970px; float:  left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; background-color: #FFFFFF; background: url(../images/container.gif); background-repeat: repeat-y; height: 100%;
}
#menuLeft, #menuLeft ul{
  width: 180px; height: 26px; float: left; margin: 0px 0px 3px 0px; padding : 0px 0px 0px 0px; background: url(../images/itemLeft.gif); background-repeat: repeat-x; 
  }
#menuSpecial ul{
  width: 180px; height: 26px; float: left; margin: 0px 0px 3px 0px; padding : 0px 0px 0px 0px; background: url(../images/menuBleu.gif); background-repeat: repeat-x; 
  }
#menuLeft li, #menuSpecial li{
  width: 180px; float: left; margin: 0px 0px 0px 0px; padding : 5px 0px 0px 0px; list-style: none; height: 21px; cursor: hand; font-size: 12px; font-weight: bold;
}
.menuLeft{
  width: 180px; float: left; margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style: none; cursor: hand; font-size: 12px; font-weight: bold;
}
#menuLeft li img{
  margin: 0px 5px 0px 5px;
}
#menuLeft li a:hover{
  color: #003366;
}
#menuLeft li a{
  color: #9CA9BC;
}
#menuSpecial li a{
  color: #FFFFFF;
}
.h6{
  float: left; margin: 16px 0px 0px 3px; padding: 0px 0px 0px 10px; color: #000066; font-size: 12px; font-weight: bold;
}
.item {
  float: left; width: 769px; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; background: url(../images/item.jpg); background-repeat: no-repeat; height: 29px; color: #000066; font-size: 12px; font-weight: bold; text-align: left; text-indent: 12px;
}
.item a{
  color: #000066; 
}
.item p{
 color: #000066; 
}
#right{
  float: left; width: 759px; margin-left: 10px; padding: 0px 0px 0px 0px;
}
.txtPrd{
  float: left; margin: 10px 0px 20px 0px; width: 749px; height: 200px; background: url(../images/imgPrdBgd.gif) top left no-repeat;
}
.txtNews{
  float: left; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; width: 749px; 
}
.txtNews p{
  height: 12px; background: url(../images/target.gif) left no-repeat; text-indent: 15px; margin: 0px 0px 21px 3px; padding: 0px 0px 0px 0px; color: #000066; font-size: 12px; font-weight: bold; text-align: left; 
}
.txtPrd p{
  height: 12px; background: url(../images/target.gif) left no-repeat; text-indent: 15px; margin: 21px 0px 0px 3px; padding: 0px 0px 0px 0px; color: #000066; font-size: 12px; font-weight: bold; text-align: left; 
}
.txtPrd p a{
 color: #000066; 
}
.colorTitle{
  padding-left : 120px; 
}
#bottom{
  float: left; width: 960px; margin-top: 5px; background: url(../images/itemLeft.gif); background-repeat: repeat-x; height: 26px;
}
#bottom p{
  text-align: center; margin: 10px 0px 0px 3px; color: #9CA9BC; font-size: 12px; font-weight: bold;
  }
h3, .description{
  margin: 5px 0px 10px 3px; color: #000066; font-size: 12px; font-weight: normal; width: 769px; text-align: left;
}
#thumbsCat {
  width: 700px; float: left; margin: 0px 0px 0px 20px; padding : 0px 0px 20px 0px;
}
#thumbsCat p{
  float: left; display: inline; width: 142px; margin : 0px 0px 0px 4px; padding: 6px 12px 0px 9px; border-top: solid 1px #999999; 
}
#thumbsCat img{
  border: #CCCCCC 1px solid; height: 91px; width: 146px; margin: 0px 0px 0px 0px;
}
#thumbs2{
  margin: 0px 0px 0px 0px;  float: left;
}
.txtPrd2{
  float: left;  padding-top: 5px;  margin: 10px 0px 20px 0px;  width: 769px;
}
.txtPrd2 p{
  float: left; height: 49px; width: 769px; background:
 url(../images/crystal.jpg) left no-repeat; text-indent: 15px; margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px; text-align: left; cursor: hand;
}
.categoryTitle{
float: left; margin: 5px 0px 0px 3px; padding: 14px 0px 0px 10px; color: #000066; font-size: 12px; font-weight: bold; width: 185px; cursor: hand; height: 24px;
}
.categoryTxt{
float: left; margin: 5px 0px 0px 3px; padding: 14px 0px 0px 0px; color: #000066;  width: 560px; cursor: hand; height: 24px; font-weight: bold;
}
.category{
   border: #CCCCCC 1px solid; font-size: 10px; color: #333333; height: 16px;
}
.txtPrd3 p{
  float: left; height: 49px; width: 769px; background: url(../images/crystalv2.jpg) left no-repeat; text-indent: 15px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.title{
  float: left; margin: 0px 0px 0px 0px; color: #9CA9BC; font-size: 12px; font-weight: bold; width: 146px; height: 30px; text-align: center;
}
#thumbs3{
  float: left; margin-left: 25px; float: center; width: 734px; height: 130px; margin-top: 10px;
}
#thumbs3 h1{
  margin: 0px 0px 20px 0px; color: #9CA9BC; font-size: 12px; font-weight: bold; width: 146px;
}
#thumbs3 div{
  display: inline; float: left; margin-left: 20px; height: 91px; width: 146px;
}
#thumbs3 img{
  border: #CCCCCC 1px solid; height: 91px; width: 146px;
}
#ajaxContentA{
  text-align: center;
}
#ajaxContentB{
  text-align: center;
}
#ajaxContentB img{
  height: 375px; width: 600px; margin-bottom: 20px;
}
#ajaxContentC{
  text-align: center;
}
#ajaxContentC img{
  height: 375px; width: 600px; border: #CCCCCC 1px solid; margin-bottom: 20px;
}
#ajaxContentD {
  float: left; height: 94px; width: 180px; text-align: center;
}
#image img, .image img{
  margin: 10px 0px 5px 0px; border: #CCCCCC 1px solid; float: center;
}
.imgLeft{
  float: left; margin : 0px 0px 0px 0px;
}
.imgLeft img{
  float:left; height: 200px; width: 297px; margin : 10px 0px 0px 0px; text-align: left; border: #CCCCCC 1px solid;
}
.txtGarantie{
  float: left; width:518px; margin : 10px 0px 20px 0px; text-align: justify; color: #000066;font-size: 12px; font-weight: normal; background: url(../images/bgdLeftAbout.gif) left;  
}
.garantie{
  float: left; width:228px; 
}
.txtLeft, .txtBlackLeft{
  float: left; height: 100%; width:435px; margin : 10px 20px 0px 0px; text-align: justify; color: #000066; font-size: 12px; font-weight: normal; background: url(../images/bgdLeftAbout.gif) left;  
}
.txtRight{
  float: left; width:415px; margin : 10px 20px 0px 20px; text-align: justify; color: #000066; font-size: 12px; font-weight: normal; background: url(../images/bgdRightAbout.gif) left;  
}
.txtBlackLeft{
  color: #000000; 
}
.inputA {
  border-width: 1px;  border-style: solid; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color : #646363;
}
#colorRight{
  width: 600px;  height: 90px;  float: left;  margin : 10px 0px 0px 10px; text-align: justify;  color: #000066;  font-size: 12px;  font-weight: normal; 
  }
#colorBox{
  height: 91px; width: 146px; background-color: #D7D4D0; border: #000000 1px solid; float: left; margin: 0px 0px 0px 0px;
}
.colorName{
    width: 760px;  float:left; margin : 0px 0px 0px 0px;  text-align: left;  color: #000066;  font-size: 12px;  font-weight: normal;
}

#aboutLine{
  float: left;  width:749px; margin : 0px 20px 0px 0px;  text-align: justify;  color: #000066;  font-size: 12px;  font-weight: normal;
}
#qualityLine{
  float: left;  width:769px;  margin : 0px 0px 0px 0px;  text-align: justify;  color: #000066;  font-size: 12px;  font-weight: normal;  background: url(../images/bgdQualite.gif) no-repeat;  
}
#qualityLine p{
  padding: 0px 130px 0px 130px;
}
#aboutLine p{
  margin : 10px 0px 0px 0px;
}
#thumbs2 img{
  width: 769px;  margin: 0px 0px 0px 0px;
}
.formBack{
  float: left; background: url(../images/bgdPortail.gif) center no-repeat; height: 240px;  width: 769px; 
}
#form{
  margin: 0px 0px 0px 45px;  padding: 30px 0px 0px 0px;  float: left;  width: 450px;  height: 100%;  color: #000066;  font-size: 12px;  font-weight: normal;  text-align: center; 
}
#form p{
  width: 300px;  height: 400px;  float: center;  padding-top: 130px; 
}
#network{
margin: 10px 0px 0px 10px;
}
#network img{
float: left; width: 200px;margin: 0px 20px 20px 0px;
}
.networkTitle{
width: 500px; float: left;text-align: justify;
}
.networkTxt{
text-align: justify; width: 230px; float: left; display: inline; margin: 10px 30px 0px 0px; 
}
.networkTxt a{
color:#003366; font-weight: bold;
}
#pageContact{
float: left; width: 769px; background: url(../images/form.jpg) center no-repeat;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px:
}
#topContact {
float: left; width: 769px; height:36px; background: url(../images/topContact.gif) top repeat-x;  margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; 
}
#topContact img{
float: left; display: inline; height: 23px; margin:0px 0px 0px 0px; text-align: left;
}
#topContact p{
float: left; display: inline; height: 21px; font-size: 12px; font-weight: bold; color: #000066; width: 210px; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center; cursor: hand;
}
.topContactHover{
background: url(../images/ongletHover.gif) no-repeat;
}
.topContactOut{
background: url(../images/ongletOut.gif) no-repeat;
}
#topContact p a{
color: #000066; 
}
#textContact{
float: left; width: 710px; margin: 0px 10px 0px 30px; padding: 0px 0px 0px 0px; text-align: justify; color: #000066; font-size: 12px; font-weight: bold; 
}
#textContact p{
margin-bottom:20px;
}
#textContact ul li {
background: url(../images/formTarget.gif) left no-repeat;  text-indent: 12px; list-style: none;
}
.thank{
float: left; width: 769px; padding-top: 150px; text-align: center;
}
.tab_true{
background: url(../images/ongletHover.gif) no-repeat;
}
.tab_false{
background: url(../images/ongletOut.gif) no-repeat;
}
.teasing{
color: #003366; text-align: left; 
}
.list{
list-style-image : url(../images/formTarget.gif); text-align: left; color: #003366;
}
p .teasing img{
border-top: solid 5px #999999; 
}
.motorImg{
float: left; margin: 0px 5px 5px 0px; padding: 0px 0px 0px 0px;
}
.motorImg img{
border: solid 1px #CCCCCC; 
}
.right{
width: 769px; float: left; text-align: right; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color:#003366; 
}
.link, .linkRed{
list-style: none;
}
.link a, .linkRed a{
color:#003366; font-weight: bold; text-decoration: underline;
}
.linkRed a{
color:#990000;
}
.link a:hover, .linkRed a:hover{
color: #9CA9BC;
}
.detail{
width: 360px; float: left; margin: 0px 10px 0px 0px; 
}
.detail img{
text-align: center;
}
#third {
  width: 769px; float: left; margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px;
}
#third p{
  float: left; display: inline; color:#003366; width: 220px; margin : 0px 0px 0px 4px; padding: 6px 12px 0px 9px; 
}
#third img{
  border: #CCCCCC 1px solid; height: 107px; width: 76px; margin: 10px 0px 10px 0px;
}
.showLeft{
float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 344px; text-align: left;
}
.showRight{
float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 415px;  text-align: left;
}
#fusio {
  width: 769px; float: left; margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; float: left; 
}
#fusioTxt{
  width: 675px; float: left; margin: 0px 0px 0px 0px; padding : 0px 0px 0px 94px; 
}
#fusioTxt p{
  float:left; display: inline; width: 150px; height: 20px; margin: 0px 45px 0px 0px; text-align: center; color: #003366;
}
#fusio img{
  border: #CCCCCC 1px solid; height: 300px; width: 150px; margin: 0px 40px 0px 0px; 
}
#option3{
  width: 769px; float: left; margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; 
}
#option3 img{
  border: #CCCCCC 1px solid; height: 156px; width: 205px; margin: 0px 0px 0px 0px; 
}
#option3txt{
  margin: 0px 0px 0px 0px; padding : 0px 0px 0px 68px; width: 698px; float: left; 
}
#option3txt p{
  float: left; display: inline; width: 210px; height: 15px; margin: 0px px 0px 0px; text-align: center; color: #003366;
}
