@import "/css/apercuImg.css";
@import "/css/style_pictonav.css";

/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size:12px;
	background-color:#6d6c71;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a { text-decoration:none;}
div.conteneur { width:955px; margin-left:auto; margin-right:auto;}
div.banniere {
	width:955px;
	height:130px;
	background-color:#8c0212;
	background-image:url(/images/bg-banniere.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

div.menuTop { margin-left:220px; background-color:#FFFFFF;  height:20px; line-height:20px; width:728px;}
div.menuTop a{ display:block; float:left; padding:0px 24px; font-size:13px; color:#3f3e42; text-align:center; background-color:#bfbfbf; height:20px; margin-right:1px; text-decoration:none;}
div.menuTop a:hover { color:#FFFFFF; cursor:pointer;}
div.menuTop .btnActif { background-color:#F7D100; background-image:none;}
a.btn1 { }
a.btn-vide { width:86px;}
a.btn4 { background-image:url(/images/btn3.jpg); background-position:right top; background-repeat:no-repeat;}
a.btn5 { margin-right:0px;}
a.btn6 { margin-right:0px; background-image:url(/images/btn4.jpg); background-position:left top; background-repeat:no-repeat;}

div.centreSite { background-color:#3F3E42; min-height:466px;}
div.menuG { background-color:#3f3e42; width:220px;  overflow:hidden; float:left; margin-top:-20px;}
div.menuG a{ color:#FFFFFF; text-decoration:none;}

.blocTexteG{ display:none; }

.blocTexte_ouvertG{ display : block; }

hr.magicHeight { clear:both; visibility:hidden; height:auto; }

div.menu1 { background-color:#8c0212;}
div.menu1 div.lien {background-image:url(/images/bg-btn.gif); background-repeat:repeat-x; height:30px; text-align:center; line-height:30px;}
div.menu1 a.choix { display:block; font-size:11px; padding-left:15px; margin-bottom:2px;}
div.menu1 a.choix:hover { background-color:#9b2331; color:#ffe900; }
div.menu1 a.selected { display:block; color:#ffe900; padding-left:15px;}



div.contenu { margin-left:220px; background-color:#FFF; padding:15px; height:100% !important; height:466px; min-height:466px;}

div.dernierCatalogue { text-align:center; margin-top:35px;}
div.dernierCatalogue a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
}
div.dernierCatalogue a:hover { text-decoration:underline;}
div.dernierCatalogue a img { padding:5px;}
div.dernierCatalogue a img:hover { padding:4px; border:1px solid #999999;}


div.titreRemorques { height:40px; padding:5px;}
div.titreRemorques .ligne1 { color:#151518; font-size:13px; text-transform:uppercase; letter-spacing:0.5em; font-family:Arial, Helvetica, sans-serif;}
div.titreCentre {
	margin:20px 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
}
div.titreRemorques .ligne2 { color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; text-transform:uppercase; font-weight:bold;}
div.sousTitreRemorques { color:#575757; font-size:12px;}

div.zoneArrondi {
	width:700px;
	margin-top:20px;
}
div.zoneArrondi div.centreArrondi {width:700px; }
div.zoneArrondi .liste{ background-color:#E3E5E6; }
.ligneTitre { font-size:13px; height:27px; line-height:27px;  width:98%; margin-left:auto; margin-right:auto;}
.ligne { background-color:#eeeff0; margin:3px 0px; height:35px; font-size:15px; width:98%; margin-left:auto; margin-right:auto;}

.ligne td { font-size:12px; }
.ligne:hover { background-color:#eecd8a; cursor:pointer;}
.ligne:hover .reference{ font-weight:bold; }

div.multichoix { padding-left:3px;}

div.accessoire {
	width:340px;
	height:90px;
	float:left;
	margin:3px;
	font-size:14px;
}

div.basSite { margin-top:10px;}
div.basSite div.remorque { color:#FFFFFF;}
div.basSite div.reflet { color:#2B2B2E; margin-top:20px;}
div.basSite div.liens a{ color:#FFED32; }
div.basSite div.liens a:hover{ color:#FFFFFF;}


div.btn1 { background-image:url(/images/btn.jpg); background-repeat:no-repeat; width:126px; height:69px;padding-top:14px;}
div.btn1 a { color:#FFFFFF;  text-decoration:none; font-weight:bold;}
div.btn1 a:hover { color:#333333;}
div.btn2 { background-image:url(/images/btn.jpg); background-repeat:no-repeat; width:126px; height:77px;padding-top:6px;}
div.btn2 a { color:#FFFFFF;  text-decoration:none; font-weight:bold;}
div.btn2 a:hover { color:#333333;}

div.choixGamme { margin-left:auto; margin-right:auto; width:688px; height:35px;}
div.choixGamme a{ text-align:center; color:#151518; width:86px; height:35px; line-height:35px; display:block; float:left;  background-repeat:no-repeat; text-decoration:none;}
a.gamme1 { background-image:url(/images/btn-gamme1.gif); }
a.gamme2 { background-image:url(/images/btn-gamme2.gif); }
a.gamme3 { background-image:url(/images/btn-gamme3.gif); }
a.gamme4 { background-image:url(/images/btn-gamme4.gif); }
a.gamme5 { background-image:url(/images/btn-gamme5.gif); }
a.gamme6 { background-image:url(/images/btn-gamme6.gif); }
a.gamme7 { background-image:url(/images/btn-gamme7.gif); }
a.gamme8 { background-image:url(/images/btn-gamme8.gif); }

a.gamme1:hover, div.choixGamme a.actif{ background-image:url(/images/btn-gamme1-a.gif); }
a.gamme2:hover, div.choixGamme a.gamme2.actif { background-image:url(/images/btn-gamme2-a.gif); }
a.gamme3:hover, div.choixGamme a.gamme3.actif { background-image:url(/images/btn-gamme3-a.gif); }
a.gamme4:hover, div.choixGamme a.gamme4.actif { background-image:url(/images/btn-gamme4-a.gif); }
a.gamme5:hover, div.choixGamme a.gamme5.actif{ background-image:url(/images/btn-gamme5-a.gif); }
a.gamme6:hover, div.choixGamme a.gamme6.actif { background-image:url(/images/btn-gamme6-a.gif); }
a.gamme7:hover, div.choixGamme a.gamme7.actif { background-image:url(/images/btn-gamme7-a.gif); }
a.gamme8:hover, div.choixGamme a.gamme8.actif { background-image:url(/images/btn-gamme8-a.gif); }

.titreGamme1 { color:#243d78; font-size:13px; font-weight:bold;}
.titreGamme2 { color:#F7D100; font-size:13px; font-weight:bold;}
.titreGamme3 { color:#D64200; font-size:13px; font-weight:bold;}
.titreGamme4 { color:#cb0230; font-size:13px; font-weight:bold;}
.titreGamme5 { color:#88B400; font-size:13px; font-weight:bold;}
.titreGamme6 { color:#CCD100; font-size:13px; font-weight:bold;}
.titreGamme7 { color:#FFA800; font-size:13px; font-weight:bold;}
.titreGamme8 { color:#FF8500; font-size:13px; font-weight:bold;}
.titreGamme9 { color:#55baef; font-size:13px; font-weight:bold;}



#scroller {
 float:left;
  width:698px;
 overflow: hidden;
/* border:#333333 1px solid;*/
}

#content {
  width: 10000px;
}

div.slideGamme {
float:left;
  width:698px; color:#575757;}




.couleurGamme1 { background-color:#243d78; }
.couleurGamme2 { background-color:#F7D100; }
.couleurGamme3 { background-color:#D64200; }
.couleurGamme4 { background-color:#cb0230; }
.couleurGamme5 { background-color:#88B400; }
.couleurGamme6 { background-color:#CCD100; }
.couleurGamme7 { background-color:#FFA800; }
.couleurGamme8 { background-color:#FF8500; }
.couleurGamme9 { background-color:#55baef; }

div.slideGamme {  width:698px; color:#575757;}

a.btnOrange { width:135px; height:21px; background-image:url(/images/btn-fin-orange.gif); background-repeat:no-repeat; display:block; line-height:21px; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; color:#FFFFFF;}
a.btnOrange:hover { color:#151518;}
a.btnRetour { background-image:url(/images/btn-retour.gif); background-repeat:no-repeat; width:88px; height:13px; line-height:13px; text-align:center; color:#FFFFFF; display:block; float:right; text-transform:uppercase; font-size:11px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-right:10px;}
a.btnRetour:hover { color:#151518;}

div.modele { font-weight:bold; font-size:18px; margin-left:10px;}

div.zoneIMG { background-color:#FFFFFF; text-align:center; margin:5px;}
div.fondBleu { background-color:#EEEFF0; padding-bottom:10px; padding-top:5px; padding-right:5px; padding-left:5px; margin:5px;}
.indices { font-size:11px; color:#7C7D7D;}
.valeurs { color:#151518; font-size:13px; background-color:#FFFFFF; width:99%; margin-left:auto; margin-right:auto; margin-top:3px;}

div.titreOption { background-color:#8C0212; color:#FFFFFF; height:24px; line-height:24px; font-size:13px; font-weight:bold; text-align:center; margin-top:15px;}
div.ligneOption tr{ background-color:#FFFFFF; height:60px; margin-top:5px;}
div.ligneOption img {border: 1px solid #9D9EA2; }



div.indicesRouge { font-size:11px; color:#FFFFFF; line-height:20px; margin-bottom:-5px;}
a.flecheUp { background-image:url(/images/fleche-up.gif); width:11px; height:11px; background-repeat:no-repeat; }
a.flecheDown { background-image:url(/images/fleche-down.gif); width:11px; height:11px; background-repeat:no-repeat;}
a.flecheUp:hover, a.flecheUp.actif{ background-image:url(/images/fleche-up-a.gif); width:11px; height:11px; background-repeat:no-repeat; border:0;}
a.flecheDown:hover, a.flecheDown.actif { background-image:url(/images/fleche-down-a.gif); width:11px; height:11px; background-repeat:no-repeat; border:0;}
a.flecheUp img, a.flecheUp .actif img { border:none; }
a.flecheDown img, a.flecheDown .actif img { border:none;}

div.presentCatalogue { background-image:url(/images/present-catalogue.gif); background-repeat:no-repeat; width:700px; height:112px;}
div.presentCatalogue .titre { color:#FFD829; font-size:18px; font-weight:bold; padding-top:30px; padding-left:20px;}
div.presentCatalogue .telecharger { padding-left:20px; margin-top:-10px;}
div.presentCatalogue .telecharger a{ color:#FFFFFF; font-size:13px; text-decoration:none;}
div.presentCatalogue .telecharger a img{ border:0;}
div.presentCatalogue .telecharger a:hover{ text-decoration:underline;}

td.pointillet { background-image:url(/images/pointillet.gif); background-image:url(/images/pointillet.gif); background-repeat:repeat-y; line-height:29px; background-position:right top;}
td.pointillet a{ background-color:#fff; padding-right:5px; color:#151518; text-decoration:none;}
td.pointillet a:hover{  color:#8C0010; text-decoration:underline;}
td.listePDF img{ margin-bottom:5px;}

.pageContact { background-image:url(../images/rulquin-magasin.jpg); width:735px; height:458px;}
input.btnRouge { background:none; border:0; background-color:#8c0212; width:190px; height:30px; line-height:29px; color:#FFFFFF; font-size:14px; cursor:pointer;}