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

*{
  margin:0;
  padding:0;
}
body{
 width:1008px;
 background-color:#000;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 color:#FFF;
 overflow:scroll;
 margin:0 auto;
 zoom: 100%;
}

/* FRAMES */

#mainFrame{
  width:1000px;
  height:auto;
  float:left;
  display:inline;
  overflow:hidden;
  background-color:#20458A;
  border-right:#90A1C2 solid 4px;
  border-bottom:#90A1C2 solid 4px;
  border-left:#90A1C2 solid 4px;
}
#topFrame{
  width:1000px;
  height:48px;
  float:left;
  display:inline;
}
#botFrame{
  width:1000px;
  height:auto;
  float:left;
  display:inline;
}
#contentFrame{
  width:832px;
  height:auto;
  min-height:1267px;
  float:left;
  display:inline;
  background-color:#20458A;
  background-image:url(../assets/images/layout/bg-logo.jpg);
  background-repeat:repeat-y;
  border-right:#90A1C2 solid 4px;
}
#contentFrameIndex{
  width:836px;
  height:auto;
  float:left;
  display:inline;
  overflow:hidden;
}
#contentFrameData{
  width:832px;
  height:auto;
  min-height:1219px;
  float:left;
  display:inline;
  background-color:#20458A;
  background-image:url(../assets/images/layout/bg-logo.jpg);
  background-repeat:repeat-y;
  border-right:#90A1C2 solid 4px;
}
#rightMenuFrame{
  width:164px;
  height:auto;
  float:left;
  display:inline;
  background-color:#20458A;
  border-bottom:#90A1C2 solid 4px;
  padding-bottom:15px;
  z-index:98;
}
#rightMenuFrameIndex{
  width:164px;
  height:508px;
  float:left;
  display:inline;
  overflow:hidden;
  background-color:#20458A;
  border-bottom:#90A1C2 solid 4px;
}
#rightBannerFrame{
  width:164px;
  height:auto;
  display:inline;
  float:left;
  z-index:4;
}
#teaserFrame{
  width:832px;
  height:508px;
  float:left;
  display:inline;
  border-right:#90A1C2 solid 4px;
  border-bottom:#90A1C2 solid 4px;
}
#teaserFrame img{
  width:832px;
  height:508px;
  margin-bottom:4px;
}
#flashFrame{
  width:1000px;
  height:376px;
  float:left;
  display:inline;
  background-color:#000;
  z-index:2;
}
#toolBoxFrame{
 width:832px;
 height:auto;
 float:left;
 display:inline;
 background-color:#20458A;
 border-right:#90A1C2 solid 0px;
 z-index:97;
}
#bottomBannerFrame{
 width:1000px;
 height:auto;
 float:left;
 display:inline;
 border-right:#90A1C2 solid 4px;
 border-bottom:#90A1C2 solid 4px;
 border-left:#90A1C2 solid 4px;
}
.bBi{
  width:192px;
  height:160px;
  float:left;
  display:inline;
  padding:3px;
  border:#666 solid 1px;
}
.bottomBannerPartners{
  width:1000px;
  height:auto;
  float:left;
  display:inline;
  text-align:center;
  background-color:#90A1C2;
  padding-bottom:4px;
}
#blogTeaser, #blogNews{
 width:1000px;
 height:auto;
 float:left;
 border-right:#90A1C2 solid 4px;
 border-bottom:#90A1C2 solid 4px;
 border-left:#90A1C2 solid 4px;
 overflow:hidden;
}
.blogTeaserTable{
  display:table;
 }
.blogTeaserItem{
 width:auto;
 float:left;
 display:table-cell;
 padding:8px 0px 0px 8px;
 overflow:hidden;
 cursor:pointer;
}
.blogTeaserItemPhoto{
 width:320px;
 height:240px;
 border:#666 solid 1px;
}
.blogTeaserItemTitle{
 width:320px;
 height:22px;
 border:#666 solid 1px;
 padding:4px 0px 0px 0px;
 text-align:center;
 background-color:#CCC;
 font-size:12px;
 font-weight:bold;
 color:#000;
}
.blogTeaserItemText{
 width:312px;
 padding:4px 4px 4px 4px;
 border:#666 solid 1px;
 margin-bottom: 8px;
 font-size:11px;
 font-weight:normal;
}

#footer{
 width:1000px;
 height:auto;
 float:left;
 position:relative;
 text-align:center;
 background-color:#20458A;
 padding:10px 0px 10px 0px;
 border:#90A1C2 solid 4px;
 border-top:none;
 margin-bottom:20px;
}
#footer ul{
  width:150px;
  height:auto;
  float:left;
  display:inline;
  overflow:hidden;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFF;
  margin:0px 20px 0px 20px;
}
#footer li{
  list-style:none;
}
#footer a:link, a:visited{
  text-decoration:none;
  color:#FFF;
}
#footer a:hover{
  text-decoration:none;
  background-color:#FFF;
  color:#000;
}
#footerFrame, #copyFrame{
 width:1008px;
 height:auto;
 float:left;
 position:relative;
 text-align:center;
 background-color:#000;
 padding:10px 0px 10px 0px;
}
#footerFrame span, #footerFrame a,
#copyFrame span, #copyFrame a{
 color:#000;
 font-size:10px;
 text-decoration:none;
 padding:2px 10px 2px 10px;
}
#footerFrame a:hover,
#copyFrame a:hover{
 background-color:#999;
 color:#333;
}
#contactBox, #achatBox, #depotBox, #newsletterBox{
}
#socialBox{
  width:150px;
  height:auto;
  max-height:192px;
  float:left;
  display:inline;
  text-align:center;
  overflow:hidden;
  margin:6px;
  padding-top:15px;
  border:#EEE solid 0px;
  text-align:center;
}
#twitterBox{
  width:150px;
  height:auto;
  max-height:192px;
  float:left;
  display:inline;
  text-align:center;
  overflow:hidden;
  margin:6px;
  padding-top:15px;
  border:#EEE solid 0px;
  text-align:center;
}

/* BOXES */
#tickerFrame, .tickerBox{
 width:1000px;
 height:23px;
 float:left;
 display:inline;
 background-color:#000;
 overflow:hidden;
 border-color:#C0F;
 border-top:#333 solid 1px;
 border-bottom:#333 solid 0px;
}
.tickerBoxData{
 width:822px;
 height:22px;
 float:left;
 display:inline;
 overflow:hidden;
 padding:0px;
 padding-top:0;
 padding-bottom:0;
 margin:4px;
 margin-top:0;
 margin-bottom:0;
 border:#999 solid 1px;

}
.bannerBox{
 width:464px;
 height:160px;
 float:left;
 display:inline;
 border:#666 solid 1px;
 overflow:hidden;
 cursor:pointer;
}
.mT1{ margin-top:18px}
.mT2{ margin-top:16px}
.mL1{ margin-left:23px}
.mL2{ margin-left:22px}

#banner1:hover{ cursor:pointer;}
#banner2:hover{ cursor:pointer;}
#banner3:hover{ cursor:pointer;}
#annoFrame:hover{ cursor:pointer;}

.bannerBox2{
 width:466px;
 height:336px;
 float:left;
 display:inline;
 text-align:center;
 margin:5px 14px 5px 14px;
 padding:2px;
 border:#333 solid 1px;
}
#contentBoxN{
 width:836px;
 height:auto;
 min-height:712px;
 float:left;
 display:inline;
}
#submenuFrame{
 width:164px;
 height:auto;
 float:right;
 display:inline;
 background-color:#20458A;
}
#submenuFrameN{
 width:164px;
 height:auto;
 float:right;
 display:inline;
}
#submenuTop{
 width:164px;
 height:28px;
 background-image:url(../assets/images/layout/bg-submenus-top.png);
 background-repeat:no-repeat;
}
#submenuMid{
 width:164px;
 height:auto;
 background-image:url(../assets/images/layout/bg-submenus-mid.png);
 background-repeat:repeat-y;
}
#submenuBot{
 width:164px;
 height:10px;
 background-image:url(../assets/images/layout/bg-submenus-bot.png);
 background-repeat:no-repeat;
}
#banner160Frame{
 width:164px;
 height:auto;
 float:right;
 display:inline;
}
.banner160{
 width:160px;
 height:300px;
 float:right;
 display:inline;
 margin-top:5px;
}
.animG{
 width:140px;
 height:280px;
 margin:8px;
 border:#FFF solid 1px;
}
#mapBox{
 width:832px;
 height:auto;
 float:left;
 display:inline;
 text-align:center;
}
#map_canvas{
 width:790px;
 height:480px;
 float:left;
 display:inline;
 border:#90A1C2 solid 2px;
 margin:0px 18px 0px 18px;
}
.txtBox{
 width:790px;
 height:auto;
 float:left;
 display:inline;
 text-align:left;
 border:#90A1C2 solid 1px;
 margin:5px 10px 5px 10px;
 padding:10px;
}
.flashBox{
 width:800px;
 height:auto;
 float:left;
 display:inline;
 text-align:left;
 border:#90A1C2 solid 1px;
 margin:5px 10px 5px 10px;
 padding:5px;
}
.txtBoxN{
 width:790px;
 height:auto;
 float:left;
 display:inline;
 text-align:justify;
 margin-top:20px;
 margin-bottom:20px;
}
.txtBoxH{
 width:390px;
 height:auto;
 float:left;
 display:inline;
}
.txtBox1T{
 width:224px;
 height:auto;
 float:left;
 text-align:center;
 padding:0px 10px 0px 10px;
}
.txtBox2T{
 width:524px;
 height:auto;
 float:left;
 padding:0px 10px 0px 10px;
}
.headerBox{
 width:788px;
 float:left;
 display:inline;
}
.headerBox img{
 float:left;
}
.headerBox span{
 width:580px;
 height:auto;
 float:left;
 display:inline;
 padding-top:40px;
 padding-left:40px;
}
.bannerS{
  width:164px;
  height:auto;
  overflow:hidden;
  margin:4px 0px 4px 0px;
}
.bannerS li{
  width:144px;
  height:284px;
  float:left;
  display:inline;
  overflow:hidden;
  margin:10px 00px 0px 00px;
}
.bannerS img{
  border:#FFF solid 2px;
}

/* DETAILFRAME */

#detailFrame{
  width:832px;
  height:auto;
  float:left;
  display:inline;
  background-repeat:repeat-y;
  border-right:#90A1C2 solid 4px;
  overflow:hidden;
}
#detailFrame img{
}

/* FOOTERMENU */

#footerMenu{
  width:1000px;
  height:auto;
  float:left;
  display:inline;
  margin:0;
  padding:2px;
}
#footerMenu ul{
  width:120px;
  float:right;
  display:inline;
  margin:0;
  padding:0;
}
#footerMenu li{
  width:auto;
  height:auto;
  margin:0;
  padding:2px;
}

/* EXTRAS */

hr{
  color:#999;
  margin-top:5px;
  margin-bottom:5px;
}
.txtN{
 font-size:12px;
 font-weight:normal;
}
.txtNB{
 font-size:12px;
 font-weight:bold;
}
.txtL, .txtL a{
 font-size:14px;
  color:#FFF;
 font-weight:normal;
 line-height:20px;
 text-decoration:none;
}
a.txtL:hover{
 background-color:#FFF;
 color:#000;
 cursor:pointer;
}
.txtLB{
 font-size:14px;
 font-weight:bold;
}
.txtXL{
 font-size:18px;
 font-weight:normal;
}
.txtXLB{
 font-size:18px;
 font-weight:bold;
}
.txtXLBO{
 font-size:18px;
 font-weight:bold;
 line-height:20px;
 color:#FFBF08;
}
.txtXXLB{
 font-size:32px;
 font-weight:bold;
}
.txtLink{
 color:#FFF;
 text-decoration:underline;
}
a.txtLink:hover{
 background-color:#FFF;
 color:#000;
 cursor:pointer;
}
.txtLBnewsletter{
 font-size:14px;
 font-weight:bold;
  color:#000;
}

table{
  border: 1px solid #C1DAD7;
 margin:5px;
}
th{
  padding: 4px 4px 4px 4px;
 text-align:center;
 vertical-align:middle;
}

td{
  padding: 4px 4px 4px 4px;
 vertical-align:middle;
}
.centerEd{
 text-align:center;
}
.leftEd{
  text-align:left;
}
.justEd{
  text-align:justify;
}
.indenT{
 padding-left:30px;
}
.pad5{
  padding:5px;
}
.pad10{
  padding:10px;
}
.serviceArea, .serviceTab, .garantieTab{
  width:788px;
  height:auto;
  float:left;
  display:inline;
  padding-bottom:10px
}
.serviceArea ul, .serviceTab ul, .garantieTab ul{
  width:788px;
  height:auto;
  float:left;
  display:inline;
  list-style:none;
  text-align:center;
}
.serviceArea li, .serviceTab li, .garantieTab li{
  display:inline;
}
.serviceArea li a, .serviceTab li a, .garantieTab li a{
  text-decoration:none;
}
.serviceArea .active, .serviceTab .active, .garantieTab .active{
  background-color:#333;
}
#lavage, #lavage a,
#immatriculation, #immatriculation a,
#bon, #bon a{
  width:236px;
  height:auto;
  text-align:center;
  border:#90A1C2 solid 1px;
  padding-top:10px;
  padding-bottom:10px;
  cursor:pointer;
}
#lavage:hover,
#immatriculation:hover,
#bon:hover{
  background-color:#333;
}
#lavageBox, #immatriculationBox, #bonBox{
  width:auto;
  height:auto;
  float:left;
  margin-bottom:5px;
}
#lavageBox li, #immatriculationBox li, #bonBox li{
}

/* LANG */
.langBox{
  width:auto;
  height:auto;
  float:right;
  display:inline;
  overflow:hidden;
  text-align:right;
}
a.lang_fr, a.lang_de, a.lang_uk, a.lang_pt {
  width: 38px;
  height: 26px;
  float:left;
  display:inline;
  line-height: 26px;
  padding: 0;
  margin: 3px 3px 3px 0px;
  display: inline;
  outline: none;
}
a.lang_fr {
  background: url(../assets/images/layout/lang_fr.gif) no-repeat;
}
a.lang_de {
  background: url(../assets/images/layout/lang_de.gif) no-repeat;
}
a.lang_uk {
  background: url(../assets/images/layout/lang_uk.gif) no-repeat;
}
a.lang_pt {
  background: url(../assets/images/layout/lang_pt.gif) no-repeat;
}
a:hover.lang_fr, a:hover.lang_de, a:hover.lang_uk, a:hover.lang_pt {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.hidden{
  display:none;
}

.noLis{
  list-style:lower-latin;
  padding-left:20px;
}
.noLisDot{
  padding-left:30px;
}
hr{
 border:0;
 border-bottom:#90A1C2 solid 1px;
}
.txtBox ul{ margin-top:10px;}
.txtBox li{ list-style:outside; margin-left:40px;}

.fUL1{
  width:590px;
  margin:4px 0px 4px 100px;
  font-family:Ubuntu, Arial, sans-serif;
}
.fUL1 li{
  color:#000;
  list-style:none;
  list-style-position:inside;
  text-align:center;
  background-color:#BBB;
  border:#666 solid 1px;
  padding:6px;
  margin:0;
}

.appleLinksWhite a {color:#ffffff; text-decoration: none;}