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

html, body {margin:0;padding:0;height:100%;width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal;background: url(../images/site/degrade.jpg) top repeat-x #132e43;}
a{color:#000000;}
#fond{/*width:100%; height:100%;*/ position:absolute; top:0; left:0;}
#conteneur{margin:auto; width:980px; height:620px;}
a img{ border:0;}

div#top{height:500px;}
div#espaceur{height:17px;}
div#footer{height:90px;}

/*arrondis*/
div.top{background: url(../images/site/top.gif) top left no-repeat; height:14px; }
div.centre{background-color:#FFFFFF; _margin-top:-1px;}
div.centre p{padding:0; margin:0;}
div.bottom{background: url(../images/site/bottom.gif) top left no-repeat; height:14px;}
hr{visibility:hidden;clear:both;padding:0; margin:0;}

/*PNG IE6*/

/*html img,*/* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&
(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}


/*******************/
/***** top *****/
/*******************/
div#top div#navig{height:60px;position:relative;}
/*langue*/
div#top div#navig div#langue{/*height:25px;*/ position:absolute;top:0; right:0;height:20px;}
div#top div#navig div#langue ul {list-style:none;text-align:center;margin:0; padding:0;}
div#top div#navig div#langue ul li{width:25px; height:18px; float:left; border:1px solid #666666; margin:0 2px 0 2px; padding:0; _border:0;}
div#top div#navig div#langue ul li a {border:0; margin:0; padding:0;}
div#top div#navig div#langue ul li a img{border:0; margin:0; padding:0;}
div#top div#navig div#langue ul li a{}
div#top div#navig div#langue ul li:hover, div#top div#navig div#langue ul li#courant{border:1px solid #f0f0f1; _border:0;}
/*logo*/
div#top div#navig div#logo{width:150px; height:66px; position:absolute;top:10px; left:10px; text-align:center;}
div#top div#navig div#logo img{border:0;}
/*menu*/
div#top div#navig div#menu{width:830px; height:25px; position:absolute;top:35px; left:170px;}
div#top div#navig div#menu ul {list-style:none;text-align:center;margin:0; padding:0;}
div#top div#navig div#menu ul li{width:120px; height:25px; float:left;margin:0 5px 0 5px;/*espace onglet*/ padding:5px 0 0 0;/*top pr centrer v*/ background:url(../images/site/onglet.png) no-repeat right top;}
div#top div#navig div#menu #bleu{background:url(../images/site/onglet_b.png) no-repeat right top;}
div#top div#navig div#menu ul a{text-decoration:none; color:#FFFFFF;}
div#top div#navig div#menu #l_bleu{color:#132e43; font-weight:bold;}
div#top div#navig div#menu ul a:hover li, div#top div#navig div#menu ul a:hover {font-weight:bold; cursor:pointer}

/*******************/
/***** contenu *****/
/*******************/
div#top div#contenu{height:440px;}
div#top div#contenu div.centre{min-height:412px !important;height:412px ;height:auto !important;  height:412px; padding:0 14px;font-size:0.9em; position:relative;}
div#top div#contenu div.centre div.gauche{float:left; width:40%; text-align:center;}
div#top div#contenu div.centre div.droite{float:right; width:55%;}
div#top div#contenu div.centre h1{color:#1a3953; letter-spacing:2px;}
div#top div#contenu div.centre h2, div#top div#contenu div.centre h2 a{color:#99CC33; text-decoration:none;}
div#top div#contenu div.centre h3{color:#db002f; font-size:16px;padding-left:150px; margin-bottom:0;*margin-bottom:10px;}
div#top div#contenu div.centre h4, div#top div#contenu div.centre h4 a{color:#000000; font-size:12px; padding:2px 0 2px; margin:0;}
div#top div#contenu div.centre ul{padding-top:0; margin-top:0;}
div#top div#contenu div.centre ul#puce_rouge{padding:0; margin:0;}
div#top div#contenu div.centre ul#puce_rouge li{ list-style:url(../images/site/puce_rouge.gif) inside; padding-bottom:5px;}
div#top div#contenu div.centre ul#puce_rouge li a{color:#db002f; text-decoration:none; font-weight:bold;}
div#top div#contenu div.centre div.gauche h3 {padding-left:205px; font-size:2em; text-align:left;}
div#top div#contenu div.centre p{padding-bottom:5px;}
div#top div#contenu div.centre p#desc{padding-bottom:5px; text-align:left;}

/*gamme*/
div#top div#contenu table#t_gamme2{width:100%;}
div#top div#contenu table#t_gamme2 tr td{/*width:200px; */height:180px; vertical-align:top; text-align:center;}
div#top div#contenu table#t_gamme2 tr td p.titre a{color:#db002f; font-size:16px; text-align:center;font-weight:bold;}
div#top div#contenu table#t_gamme2 tr td p.modele{text-align:center; font-weight:bold; padding:2px 0;}
div#top div#contenu table#t_gamme2 tr td p.modele a{text-decoration:none; padding:0 5px;}
div#top div#contenu table#t_gamme2 tr td p.modele a.lastChild{border-right:0;}

/*modele*/
div#top div#contenu table#t_photo{width:100%;}
div#top div#contenu table#t_photo tr td{text-align:center;}
div#top div#contenu table.t_detail{width:100%; border-collapse:collapse; color:#666666; font-size:0.9em;}
div#top div#contenu table.t_detail tr.pair{ background-color:#ffedf1}
div#top div#contenu table.t_detail tr:hover, div#top div#contenu table.t_detail tr:hover th{color:#333333; cursor:pointer;}
div#top div#contenu table.t_detail td{padding:2px 5px;}
div#top div#contenu table.t_detail th{text-align:left; font-weight:normal;padding:1px 5px;}
.pres{font-size:1.1em; line-height:1.5em; color:#333333; text-align:left; }
.mini{margin:4px 20px 0 0; border:1px solid #999999;}
a:hover .mini{border:1px solid #666666;}
.accessoires{float:left; width:49%;}
.accessoires .detail_access{font-size:11px; color:#666666;padding:2px 5px; display:block; width:100%;}
.accessoires .detail_access img{float:left;}
.accessoires .detail_access p{float:left; padding-left:5px;}

/*reseau*/
div#top div#contenu table#t_reseau{border-collapse:collapse; margin:5px 0;}
div#top div#contenu table#t_reseau tr{ vertical-align:top; }
div#top div#contenu table#t_reseau td, div#top div#contenu table#t_reseau th{padding:2px 5px;border-bottom:1px solid #999999;}
div#top div#contenu table#t_reseau th{text-align:left; color:#1a3953;}

/*sav*/
div#top div#contenu table#t_sav{ width:70%;border-collapse:collapse; margin:5px 0;}
div#top div#contenu table#t_sav tr{ vertical-align:top; }
div#top div#contenu table#t_sav td, div#top div#contenu table#t_sav th{padding:2px 5px;border-bottom:1px solid #999999;}
div#top div#contenu table#t_sav td.noBorder, div#top div#contenu table#t_sav th.noBorder{border-bottom:0;}
div#top div#contenu table#t_sav th{text-align:left; color:#5496d3;}

/*foire*/
div#top div#contenu .foire{ width:800px;border-bottom:1px solid #eeeeee;}
div#top div#contenu .foire .titre{ font-weight:bold; font-size:1.1em; color:#5496d3;}
div#top div#contenu .foire .desc{}
div#top div#contenu .foire .lien{ padding-top:10px;}

/*plan*/
div#top div#contenu table#t_plan{width:70%; border-collapse:collapse; margin:auto;}
div#top div#contenu table#t_plan td{padding:1px 5px;}
div#top div#contenu table#t_plan th{text-align:center; font-weight:normal;padding:1px 5px; font-size:1.1em;}

/*catalogue*/
form{ margin:0; padding:0;}
div#top div#contenu div.centre form p , form p{ text-align:left; margin:0; padding:0 0 2px 0;}
form label{width:100px; display:block; float:left; }
form  * {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
form input [type='text']{ width:150px;}
form textarea{ width:300px; height:30px;}
.rouge{ color:#FF0000;}

div#top div.bottom{position:relative;}
/*cata*/
div#top div.bottom div#cata{ z-index:1;width:160px; height:132px; position:absolute; top:-11px; *top:-11px; right:0px;/* background:url(../images/site/catalogue.png) no-repeat right top;*/}
div#top div.bottom div#cata img{}
div#top div.bottom div#cata p{position:absolute;bottom:-8px;*bottom:8px; right:5px;width:125px;text-align:right;padding-right:8px;}
div#top div.bottom div#cata p a{color:#FFFFFF; font-weight:bold; text-decoration:none; }

/*******************/
/****** footer *****/
/*******************/
div#footer div.centre{height:62px; padding:0 14px;}
div#footer div.centre table#t_gamme{width:865px; margin-top:-10px; _margin-top:0px; height:70px;}
div#footer div.centre table#t_gamme tr th{vertical-align:middle; width:35px;}
div#footer div.centre table#t_gamme tr td{vertical-align:top; width:120px; text-align:center;}
div#footer div.centre table#t_gamme tr td img{border:0;}
div#footer div.centre table#t_gamme tr td p.titre a{color:#db002f; font-size:12px; text-align:center; font-weight:bold; text-decoration:none;}
div#footer div.centre table#t_gamme tr td p.modele{text-align:center; padding:2px 0;}
div#footer div.centre table#t_gamme tr td p.modele a{text-decoration:none; border-right:1px solid #000000;padding:0 5px;}
div#footer div.centre table#t_gamme tr td p.modele a.lastChild{border-right:0;}

div#pied{width:100%; text-align:center; color:#FFFFFF;}
div#pied a{color:#FFFFFF; font-weight:bold; text-decoration:none; letter-spacing:1px; font-size:0.9em;}

h4{color:#000000; font-weight:bold;}


.toggler {color: #222;margin: 0;padding: 2px 5px;background: #eee;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #f5f5f5;border-left: 1px solid #f5f5f5; font-size:1em;}
.element {}
table.detail{width:100%; border-collapse:collapse;}
table.detail tr.pair{ background-color:#f5fee3}
table.detail tr:hover, table.detail tr:hover th{ font-weight:bold;}
table.detail td{padding:0 5px; width:20%;}
table.detail th{width:80%; text-align:left; font-weight:normal;}
.ui-accordion .ui-accordion-content { padding: 0.5em 0.5em 1em 0.5em; }