html{margin:0;}
body{margin:0;font-size:0.9em; font-family: arial, sans-serif;}

a{color: #015a5c; font-weight:bold; }
a:hover{color: #47adb4;}
a img{border:none;}
a:hover img{background:none;}

h1{margin-top:0px;}
h1 a:hover{background:none; }
h2{border-bottom-style: dashed; color:#015a5c;	border-bottom: 1px solid #3d797f; margin-top:60px;}

#conteneur{width:800px; margin:0 auto; }
.disparait{display:none;}

.galerie-accueil { padding-left:0px;}
.galerie-accueil li{ display:inline;}
/*---------------------------------------------------------------------------*/
/*                                                            menu-utilitaire*/

#menu-utilitaire{position:absolute; top:0px; text-align:right; font-size:0.8em; text-align:right;width:800px;  }
#menu-utilitaire li{display:inline;}

/*---------------------------------------------------------------------------*/
/*                                                                    arianne */
#ariane{list-style:none margin-top:5px; margin-bottom:2px; font-size:0.9em; display:block;}
#ariane li{display:inline;}
/*---------------------------------------------------------------------------*/
/*                                                             menu-principal*/

#menu-principal{text-align:center;font-size:0.9em;  margin-bottom:200px; position:relative;z-index:2;}
#menu-principal li{display:inline;}


/*---------------------------------------------------------------------------*/
/*                                                             menu-produits */

#menu-produits {text-align:center;  margin-top:-220px;position:absolute; left:0; width:90%; border-bottom:2px solid #ccc; height:120px; margin-left:70px;}

/*--------------------------------------------------------------------------*/
/*                                                          menu-secondaire */



#pub-accueil ul{margin-top:-15px; }

#pub-accueil li {margin-bottom:30px;}
#pub-accueil li  h3{margin-bottom:-10px;}
#pub-accueil #menu-secondaire h3{font-size:1em; }
/*--------------------------------------------------------------------------*/
/*                                                           menu-categorie */
#menu-secondaire,  #menu-secondaire-VTT, #menu-secondaire-remorque, #menu-secondaire-rampe, #menu-secondaire-coverkit, #menu-secondaire-glissade, #menu-secondaire-autre, #menu-secondaire-accessoires-pour-spyder
{float:left; font-size:0.9em; width:200px;}
#menu-secondaire, #menu-secondaire-VTT, #menu-secondaire-remorque, #menu-secondaire-rampe, #menu-secondaire-coverkit, #menu-secondaire-glissade, #menu-secondaire-autre, #menu-secondaire-accessoires-pour-spyder
{margin-top:5px; font-size:0.9em;}
#menu-secondaire li, #menu-secondaire-VTT li, #menu-secondaire-remorque li, #menu-secondaire-rampe li, #menu-secondaire-coverkit li, #menu-secondaire-glissade li, #menu-secondaire-autre li, #menu-secondaire-accessoires-pour-spyder li
{list-style:none; }
#menu-secondaire a , #menu-secondaire-VTT a , #menu-secondaire-remorque a, #menu-secondaire-rampe a, #menu-secondaire-coverkit a, #menu-secondaire-glissade a, #menu-secondaire-autre a, #menu-secondaire-accessoires-pour-spyder a
{display:block; width:160px;  padding:5px; border-bottom: 1px solid #aeaeae; text-decoration:none;}
#menu-secondaire a:hover, #menu-secondaire-VTT a:hover, #menu-secondaire-remorque a:hover, #menu-secondaire-rampe a:hover, #menu-secondaire-coverkit a:hover, #menu-secondaire-glissade a:hover, #menu-secondaire-autre a:hover, #menu-secondaire-accessoires-pour-spyder a:hover 
{background:#efefef;}
#menu-secondaire h3 , #menu-secondaire-VTT h3, #menu-secondaire-remorque h3, #menu-secondaire-rampe h3, #menu-secondaire-coverkit h3, #menu-secondaire-glissade h3, #menu-secondaire-autre h3, #menu-secondaire-accessoires-pour-spyder h3
{font-size:0.9em; width:230px; margin-bottom:-10px; }
#menu-secondaire ul , #menu-secondaire-VTT ul , #menu-secondaire-remorque ul, #menu-secondaire-rampe ul, #menu-secondaire-coverkit ul, #menu-secondaire-glissade ul, #menu-secondaire-autre ul, #menu-secondaire-accessoires-pour-spyder ul
{margin-bottom:40px;}
.joindre, .joindre ul, .vcard{width:240px; }
.joindre img{display:inline; }
.joindre ul{padding:0px;}
#tel{background:url(http://www.industriesjack.com/images/design/telephone.jpg) no-repeat; padding-left:20px;}

#essaieRoutier{text-align:center; margin-top:-50px; position:relative; z-index:99;}


#menu-secondaire-VTT a{color:#c9c216;}
#menu-secondaire-rampe a{color:#12a303;}
#menu-secondaire-remorque a{color:#8d1a1a;}
#menu-secondaire-coverkit a{color:#ef2b2b;}
#menu-secondaire-glissade a{color:#0212e5;}
#menu-secondaire-autre a{color:#13652a;}
#menu-secondaire-accessoires-pour-spyder a{color:#fac944;}
/*--------------------------------------------------------------------------*/
/*                                                  liste-nouveaux-produits */

#liste-nouveaux-produits {}
#liste-nouveaux-produits li {display:inline; margin-right:10px;}
#liste-nouveaux-produits a:hover{background:none;}

/*--------------------------------------------------------------------------*/
/*                                                                  contenu */

#contenu, #evenements, #plan-site{margin-left:220px; min-height:400px;}
.index{margin-left:80px !important; }
#illustration { text-align:center;}
.deal{margin-left:260px!important; }
/*---------------------------------------------------------------------------*/
/*                                               liste-des-nouveaute-du-site */

#liste-des-nouveaute-du-site{ margin-bottom:100px;}
#liste-des-nouveaute-du-site li {list-style:none; border-bottom:1px dashed #ccc;}
#liste-des-nouveaute-du-site .date{margin-top:-10px; font-size:0.8em; font-style:italic;}


/*---------------------------------------------------------------------------*/
/*                                                                  menu-bas */

#menu-bas{text-align:center; font-size:0.8em; margin-top:80px;}
#menu-bas li{display:inline;}

/*---------------------------------------------------------------------------*/
/*                                                              pied-de-page */

#pied-de-page{text-align:center; margin-top:40px; margin-bottom:0px; padding:45px 0 50px 0px; color:#000;   margin-left:0px; margin-right:0px;}
#pied-de-page{list-style:none; color:white;}

/*---------------------------------------------------------------------------*/
/*                                                                evenements */

#evenements{margin-left:300px; margin-top:-20px;}
#evenements .photo-principale{float:right;}
#evenements h2{background:#1ed4d6; padding-left:5px; color:white;}
#evenements .date{font-style:italic; font-size:0.8em; margin-top:-10px;}
#emplacement-calendrier{float:left; width:280px;}
#calendrier{margin:0px 20px 20px 40px; font-size:0.8em; border:1px solid #CCCCCC; width:200px;}
#liste-activites{font-size:1em; margin-left:40px;}
#calendrier #titremois{background:#1ed4d6; color:white;}
#calendrier #aujourdui{background:black; color:#FFFFFF;}
#calendrier .activites{background:#1ed4d6;}
#calendrier .activites a{color:#FFFFFF;}
#emplacement-calendrier ul{padding-left:15px; font-size:0.8em; list-style:circle;}

#photos-evenements li{display:inline; list-style:none;}


/*---------------------------------------------------------------------------*/
/*                                                                motoneiges */

#liste-des-motoneiges, #liste-didacticiel{list-style:none; padding-left:0px;}
#section-motoneige {text-align:center; }
#trouver-siege-motoneige, #trouver-siege-motoneige2{text-align:center; font-size:1.3em;}
#liste-didacticiel{margin-left:40px;}

.nom-siege a{background:#0098a2; color:white; 	border-bottom: 1px solid #3d797f; padding-left:10px;text-align:center; padding:3px; display:block; margin-bottom:30px;}
.nom-siege a, .nom-siege a:hover{color:white; text-decoration:none; }
.nom-siege a:hover{ color:#0098a2; border-bottom: 1px solid #0098a2;background:#efefef;}


.nom-article a{background:#c9c216; color:white; 	border-bottom: 1px solid #3d797f; padding-left:10px;text-align:center; padding:2px; display:block;}
.nom-article a, .nom-article a:hover{color:white; text-decoration:none; }
.nom-article a:hover{ color:#c9c216; border-bottom: 1px solid #c9c216;background:#efefef;}


.section-rampe h3 a{ background:#12a303;}
.section-rampe h3 a:hover{ color:#12a303; border-bottom: 1px solid #12a303;}

.section-coverkit h3 a{ background:#ef2b2b;}
.section-coverkit h3 a:hover{ color:#ef2b2b; border-bottom: 1px solid #ef2b2b;}

.section-glissade h3 a{ background:#0212e5;}
.section-glissade h3 a:hover{ color:#0212e5; border-bottom: 1px solid #0212e5;}

.section-autre h3 a{ background:#13652a;}
.section-autre h3 a:hover{ color:#13652a; border-bottom: 1px solid #13652a;}

.section-remorque h3 a{ background:#8d1a1a;}
.section-remorque h3 a:hover{ color:#8d1a1a; border-bottom: 1px solid #8d1a1a;}

.section-accessoires-pour-spyder h3 a{ background:#fdba04;}
.section-accessoires-pour-spyder h3 a:hover{ color:#fac944; border-bottom: 1px solid #fdba04;}

.siege-motoneige{float:right; margin-left:10px; }
.siege-motoneige img{border:1px solid #3d797f;}


.siege, .section-VTT, .section-rampe, .section-coverkit , .section-glissade, .section-autre,  .section-remorque, .section-accessoires-pour-spyder
{min-height:160px;}

#guide li{min-height:160px; border-bottom:1px dashed #ccc; margin-bottom:30px;}
.sansbordure a, .sansbordure img
{border:none;}
#lien-vers-track-motoneige{text-align:center;}


/*track*/
#track {background:#f0f0f0; border:1px solid black; height:450px;}
#track li{list-style:none; display:block; width:100px; height:130px; float:left;  text-align:center; margin:10px;}
#track li span{float:none; display:block;}
#track-siege{min-height:460px;}

#menu-tracks {width:460px; margin:5px auto; margin-bottom:40px; font-size:0.9em;}
#menu-tracks h3{float:left; margin-top:-0px; margin-right:10px; font-size:0.9em;}
#menu-tracks ul{}
#menu-tracks li{display:inline; margin-right:10px;}
#menu-tracks li img{text-align:center; }
#installation-pour-motoneige-2008 li{margin-bottom:20px;}

#phaz{border;}
#phaz li{float:left; width:250px; margin-right:20px; list-style:none; height:250px;}
#phaz li h4{background:#efefef; padding:5px;}

#nytro{margin-top:50px;}
#nytro h3{background:#efefef; padding:5px;}
#nytro li{list-style:none; margin-bottom:30px;}
#nytro .important{color:red;}
#nytro li .img{float:right;}
#nytro .txt, #nytro .important, #nytro .txt2{ width:250px; margin-right:20px;}
#nytro .txt2{margin-top:50px;}

.detail-coverkit{font-size:0.8em; padding-left:20px; background:url(../images/design/commentaire.gif) no-repeat; display:block; height:20px; margin-top:10px;}

#visualisez-siege{margin-left:40px; }
#visualisez-siege, #visualisez-siege a, #visualisez-siege a:hover{border:none; background:none;}
.description-siege-motoneige{min-height:110px;}
.lien-visualisez-siege{font-size:0.8em; text-align:right; margin-bottom:40px;}



/*detail*/
#ajouter-commentaire{background:url(../images/design/commentaire.gif) no-repeat; padding-left:20px; font-size:0.8em; margin-top:-10px; padding-bottom:10px;}
.commentaire{ margin-top:20px; border-top:1px dotted #ccc; padding-top:5px;}
.commentaire .date{font-size:0.8em; font-style:italic; margin-top:-20px;}

.detail-siege .nom-siege, #liste-commentaires h3, #liste-video h3, #rediger-commentaire h3{ padding:5px;color:#0098a2; border-bottom: 1px solid #0098a2;background:#efefef; margin-top:40px;}

#detail-VTT .detail-siege .nom-siege, #detail-VTT  #liste-commentaires h3, #detail-VTT  #rediger-commentaire h3{color:#c9c216; border-bottom: 1px solid #c9c216;}
#detail-VTT img{border: 1px solid #c9c216;}

#detail-rampe .detail-siege .nom-siege, #detail-rampe  #liste-commentaires h3, #detail-rampe  #rediger-commentaire h3{color:#12a303; border-bottom: 1px solid #12a303;}
#detail-rampe img{border: 1px solid #12a303;}

#detail-coverkit .detail-siege .nom-siege, #detail-coverkit  #liste-commentaires h3, #detail-coverkit  #rediger-commentaire h3{color:#ef2b2b; border-bottom: 1px solid #ef2b2b;}
#detail-coverkit img{border: 1px solid #ef2b2b;}

#detail-glissade .detail-siege .nom-siege, #detail-glissade  #liste-commentaires h3, #detail-glissade  #rediger-commentaire h3{color:#0212e5; border-bottom: 1px solid #0212e5;}
#detail-glissade img{border: 1px solid #0212e5;}

#detail-autre .detail-siege .nom-siege, #detail-autre  #liste-commentaires h3, #detail-autre  #rediger-commentaire h3{color:#13652a; border-bottom: 1px solid #13652a;}
#detail-autre img{border: 1px solid #13652a;}

#detail-accessoires-pour-spyder .detail-siege .nom-siege, #detail-accessoires-pour-spyder  #liste-commentaires h3, #detail-accessoires-pour-spyder  #rediger-commentaire h3,  #guide-installation-detailler h3{color:#fac944; border-bottom: 1px solid #fac944;}
#detail-accessoires-pour-spyder img{border: 1px solid #fac944;}

#rediger-commentaire{}
#rediger-commentaire label p{}
#rediger-commentaire label{display:block; float:left;text-align:right; width:100px; margin-right:10px;}
#rediger-commentaire #validation, #rediger-commentaire .erreur{margin-left:110px;}
#rediger-commentaire .erreur{display:block; color:red; font-size:0.8em;}
#rediger-commentaire #sortie{font-weight:bold;color:green;}


.pdf li{background:url(../../../images/design/pdf.gif) no-repeat; padding:5px; padding-left:40px; list-style:none; padding-bottom:10px; }

/*----------------------------------------------------------------------------*/
/*                                                      visualisez votre siege*/
#liste-motoneige-siege{text-align:center;}
#liste-motoneige-siege li{display:inline;}

{margin-top:50px;}
#choix-siege #select {margin:10px 0 0 150px; }
#choix-siege #select2 {position:relative; margin:-40px 0 0 350px; }
#choix-siege select{margin-right:50px;}

#choix-siege h3{ border-bottom:1px dashed black; padding-bottom:2px; }
#choix-siege .modele {margin-top:-10px;}


.menu-detail li{ padding-left:30px; list-style:none; margin-left:0px;}
.menu-detail #trouver-distributeur{ background:url(../images/design/loupe.gif) no-repeat;}
.menu-detail #imprimer{background:url(../images/design/imprimante.jpg) no-repeat;}
.menu-detail #installation{background:url(../images/design/installation.gif) no-repeat;}
#choix-siege #select strong{}
#siege{min-height:500px; margin-top:50px;}




/*----------------------------------------------------------------------------*/
/*                                                                    remorque*/

.section-remorque{min-height:900px; }

#menu-sous-categorie{list-style:none; padding-bottom:50px;background:url(http://www.industriesjack.com/industrie/images/design/sous-onglet.jpg) 0 37px no-repeat; padding-left:0px; position:absolute; top: 270px; width:590px; }
#menu-sous-categorie li a{ display:block; margin-left:10px; float:left; text-align:center; width:130px; height:30px; padding-top:15px; background:url(../images/design/onglet.jpg) center no-repeat; }
#menu-sous-categorie li a:hover{  background:url(../images/design/onglet-2.jpg) center no-repeat;  color:white;}

.section-remorque {width:280px; margin-right:20px;}
.section-remorque #diaporama{text-align:center; }

#section-remorque, #description{margin-top:-20px;}
#caracteristique {text-align:center; float:right; margin-top:-20px; font-size:0.9em;}
#caracteristique td, #caracteristique th{border-left:1px solid black;  font-size:0.9em;}
#caracteristique td, #caracteristique th{border-bottom:1px solid black;}
#caracteristique td, #caracteristique th{ padding:2px 10px;}
#caracteristique th{width:100px; font-weight:normal; border-left:none; text-align:left;}
#caracteristique td{width:30px; text-align:center;}
#caracteristique .paire {background:#efefef; }
#caracteristique h3{font-size:0.9em;}
#caracteristique table{margin-bottom:20px;}

#caracteristique #concessionnaire{text-align:center;}
#diaporama{margin-bottom:40px;}
#diaporama #suivant, #diaporama #precedent, #diaporama #pause{position:absolute; top:695px; }

#diaporama #precedent{ margin-left:-180px;}
#diaporama #suivant{ margin-left:-70px;}
#diaporama #pause{ margin-left:-125px;}

#concu-pour-ma-voiture{text-align:center;}
#liste-voiture-concu{text-align:center; margin-top:50px;}
#liste-voiture-concu li{list-style:none; margin-bottom:50px; margin-left:100px; border-bottom:1px solid #ccc; padding-bottom:50px; }
#liste-voiture-concu img{display:block;}


/*---------------------------------------------------------------------------*/
/*                                                                acessoires */
.accessoire{list-style:none; margin-top:30px;}
.accessoire li{background:url(../images/design/contour.gif) no-repeat; display:block; width:500px; padding:5px;  height:120px; margin-bottom:60px;}
.accessoire h3{ font-size:0.8em;background:url(../images/design/contour2.gif) no-repeat; color:#fff; padding:7px; margin-top:-20px; }
.accessoire .img{float:left; margin-top:-10px;}
.accessoire .description{width:500px;}

/*---------------------------------------------------------------------------*/
/*                                                     liste-concessionnaire */
#liste-concessionnaire{width:230px; margin-right:50px;}
#liste-concessionnaire fieldset{background:#efefef;}
#liste-concessionnaire legend{color:#47adb4; font-weight:bold}
#liste-concessionnaire select{display:block; margin-bottom:10px;}
#concessionnaire{text-align:left; margin-top:20px;}
#concessionnaire th{padding-right:50px;}
#concessionnaire td{padding:10px;}
#concessionnaire td{border-bottom:1px solid #ccc;}

#legend h3{margin-bottom:20px;}
#legend{ border:1px solid #ccc; padding:10px; margin-top:30px; width:175px;}
#legend img{float:left;}
#legend  p {height:50px;}

/*---------------------------------------------------------------------------*/
/*                                                              nous-joindre */
#nous-joindre {width:510px;}
#nous-joindre{text-align:right;}
#nous-joindre p{background:#efefef; border-bottom:1px solid #aeaeae; padding:5px;text-align:right;}
#nous-joindre p label{display:block;  float:left; width:80px;}
#nous-joindre p input, #nous-joindre p textarea, #nous-joindre .erreur{text-align:left; display:block; margin-left:100px;}
#nous-joindre .erreur{color:red; margin-top:10px; font-size:0.9em;}



#emplacement{margin-top:-60px;}

/*---------------------------------------------------------------------------*/
/*                                                                 plan-site */
#section1{float:left; margin-right:50px; }
#section2{padding-left:60px;border-left:1px solid #ccc; margin-left:270px;}

/*---------------------------------------------------------------------------*/
/*                                                            detail-coverkit*/

#form-quesrolling{ margin-top:20px; font-size:0.9em;  }
#form-quesrolling ul{}
#form-quesrolling li{list-style:none;margin:0; padding:0;}
#form-quesrolling fieldset{ padding:10px;  border:1px solid grey; margin-bottom:20px;}
#form-quesrolling legend{margin-bottom:20px; display:block;}
#legend1, #legend2, #legend3, #legend4{display:block;margin-top:-40px; margin-bottom:30px;width:240px;background:white; text-align:center; 
padding-left:15px !important;}
 #legend2{width:320px;}
 #legend3{width:430px;}
 
 
 
#liste-questions-quesrolling label{}
#fieldset-questions  p{}
#fieldset-questions .question { margin-bottom:20px; width:220px;}
#fieldset-questions .question  label{display:block;}

#second-moitier{ list-style-type:none;  margin:-460px 0 0 290px; border-left:1px dashed; padding-left:30px; }

#envoiLogo { margin-bottom:10px;}
#form-quesrolling #couleur  {}
#form-quesrolling #couleur span {display:block; width:25px; height:25px; font-size:5px; cursor:pointer;}
#form-quesrolling #couleur li{float:left;}
#form-quesrolling  #li-q10{clear:both; margin-top:60px;}
#form-quesrolling  #li-q11{padding-bottom:100px;}
#form-quesrolling #couleur {padding-left:0px; margin-bottom:20px;}
#form-quesrolling #couleur #li-jaune span{background:#f4ea12; color:#f4ea12;}
#form-quesrolling #couleur #li-rouge span{background:#ed2024; color:#ed2024;}
#form-quesrolling #couleur #li-noir span{background:black; color:black;}
#form-quesrolling #couleur #li-gris span{background:#cdcccc; color:#cdcccc;}
#form-quesrolling #couleur #li-bleu span{background:#4063ae; color:#4063ae;}
#fieldset-transport {margin:0 auto;}
#liste-transport .option-du-transport li , #liste-transport .option-du-transport p, 
#liste-transport .option-du-transport label
{display:inline; }
#liste-transport .option-du-transport{position:relative; top:-20px;margin-left:100px; margin-bottom:-10px;}
#liste-transport .option-du-transport #p-option-moto{margin-right:20px;}
#liste-transport .option-du-transport   #p-optionVTT{margin-right:10px; }
#liste-transport .transport-principal{ }
#liste-transport .groupe-transport{  margin-bottom:20px; border:none;}
#liste-transport #transport-Motoneige{border:none;}

#bloc-plan img{position:absolute; margin-left:-220px; top:820px;  display:block;}
#bloc-plan{text-align:center;}
#form-quesrolling #validation {text-align:center;  margin:0 auto; padding:10px; margin-top:10px;direction: rtl;}

#form-quesrolling #information-personnel{border:1px solid grey; padding:10px;  width:350px; margin:0 auto;}
#form-quesrolling #information-personnel p{margin-right:70px; text-align:right; margin-bottom:5px;}
#envoiLogo{display:none;}


#liste-questions-quesrolling input, #second-moitier input, #form-quesrolling #information-personnel input{border:1px solid grey ; }

#erreur{margin-top:10px; color:red;}

#form-quesrolling .en{margin-top:-400px;}








.video a{ display:block; background:url(../images/design/video.gif) no-repeat; height:30px; padding-left:40px; padding-top:5px;  width:120px;}

.siege-contientVideo, .section-rampe-contientVideo{background:url(../images/design/video2.gif) 10px 30px no-repeat; }

.contientMedia, .contientMediaMotoneige{margin-top:-15px;padding-left:0px;}
.contientMedia li, .contientMediaMotoneige li{list-style:none; padding-left:0px; margin-left:0px; display:inline;}

.guide{ display:block; margin-top:-10px;}

.contientMediaMotoneige{margin-top:-28px;}





#guide-installation-detailler ol li{ margin-bottom:20px;}
#guide-installation-detailler ol li a, #mot-de-fin{ display:block; text-align:center;}