body{
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	background-image: url(img/fondNoel.jpg);
	
	background-color:#232323 !important;
	background-position:center top;
	background-repeat: no-repeat;

}

body{
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	background-image: url(img/fondSite.jpg);
	
	background-color:#232323 !important;
	background-position:center top;
	background-repeat: no-repeat;
	max-width : 100%;
	overflow-x : hidden;
}	






#cadrePromo
{
	background: #d90000;
  background-image: -webkit-linear-gradient(top, #d90000, #FF5959);
  background-image: -moz-linear-gradient(top, #d90000, #FF5959);
  background-image: -ms-linear-gradient(top, #d90000, #FF5959);
  background-image: -o-linear-gradient(top, #d90000, #FF5959);
  background-image: linear-gradient(to bottom, #d90000, #FF5959);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 0px 20px 10px 20px;
  text-decoration: none;
  margin:0px;border:0px;
  width:950px;text-align:center;
  position:aboslute;
  top:0px;
  left:0px
 }


.accordion {
  background-color: #5c5c5c;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 95%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


 #ruban{background:transparent url(img/ruban.png) no-repeat center center;width:94px;height:91px;position:absolute;left:140px;top:-22px}
 
 
 
#tdCommandeET{border:1px solid #000;padding:10px;background-color:#F4BE0F;text-align:center}
#tdCommande{border:1px solid #000;padding:10px;background-color:#fff;text-align:center}
#tdCommande:hover{border:1px solid #000;padding:10px;background-color:#DADADA;cursor:pointer}
#tdCommandeR{border:1px solid #000;padding:10px;text-align:center;background-color:#d90000;color:#fff;font:18px arial;font-weight:bold;}
#tdCommandeR:hover{cursor:pointer}



/**** Groupon ****/
.clsGrouponFondH{background-image: url(img/groupon/grouponFondH.png);width:405px;height:69px;background-repeat: no-repeat;position:relative  }
.clsGrouponFondB{background-image: url(img/groupon/grouponFondB.png);background-position:bottom left;background-repeat: no-repeat; width:405px;}
.clsGrouponTexte{background-image: url(img/groupon/grouponTexte.png); width:280px;height:21px;position:absolute;top:2px;left:90px}
.clsGrouponTexteBox{background-image: url(img/groupon/grouponTexteBox.png); width:186px;height:25px;position:absolute;top:25px;left:95px}
.clsGrouponBtnRecalculer{background-image: url(img/groupon/grouponBtnRecalculer.png); width:104px;height:26px;position:absolute;top:25px;left:295px;cursor:pointer;margin:0px;padding:0px;border:0px}






/****************/
 
#iconeAppStore{background:transparent url(img/iconeAppStore.png) no-repeat center center;width:97px;height:33px;position:absolute;left:736px;top:20px}
#iconeGooglePlay{background:transparent url(img/iconeGooglePlay.png) no-repeat center center;width:97px;height:33px;position:absolute;left:846px;top:20px}



.clsFondSiteContenuH{height:184px;width:990px;  }
.clsFondSiteContenuH{height:222px;width:990px;  }
.clsFondSiteContenuC { width:990px;  }
.clsFondSiteContenuB{height:63px;width:990px;text-align:center  }
.clsPiedDePage{height:120px;width:991px;background-image: url(img/piedDePage.png); background-repeat: no-repeat;position:relative}


.clsLargeurSite{width:1024px;text-align:left;}

.clsEnTete{background-image: url(img/FondEntete.jpg);height:188px;width:100%;  }
.clsLogo{background-image: url(img/Logo.png); height:48px;width:318px; position:absolute;top:5px;left:0px}

.clsSlogan{background-image: url(img/slogan.png); height:23px;width:443px; position:absolute;top:55px;left:0px}




@media (max-width: 758px) {

  header {
   height : 250px;
  }


  .clsLogo{ 
  width : 200px;
  left : 50%;
  height :25px;
  background-size : cover;
  top : 48%;
  transform : translate(-100px, -15px);
  }
  
  .clsSlogan{
  width:300px;
  height : 18px;
  background-size : 100%;
  left : 50%;
  top: 48%;
  transform : translate(-150px, 15px);
  }
  
  .limit {
  max-width : 350px;
  }
}


.clsTitrePage{background-image: url(img/contenuTitre.png);height:78px;width:1048px;position:relative }
.clsTitrePageLabel{font: 27px Calibri, Arial, Verdana, sans-serif;  color: #fff  ;position:absolute;left:20px;top:17px }
.clsTitrePageLabelH1{font: 27px Calibri, Arial, Verdana, sans-serif;  color: #fff  ;position:absolute;left:20px;top:0px }

.clsSliderImgBas{background-image: url(img/sliderAccueilImgBas.png);height:104px;width:1031px;position:absolute;top:266px;left:0px }
.clsSliderFond{background-image: url(img/imgFormationPaieLyon.png);height:291px;width:911px;position:absolute;top:0px;left:100px }




.clsReglementCb{background-image:url(img/paiementCB.png);height:23px;width:226px;background-repeat: no-repeat;}
.clsReglementCbEtransaction{background-image:url(img/paiementCB.png);height:23px;width:226px;background-repeat: no-repeat;}
.clsReglementCbPaypal{background-image:url(img/paiementCB.png);height:23px;width:226px;background-repeat: no-repeat;}

.clsReglementCheque{background-image:url(img/paiementCheque.jpg);height:39px;width:92px;background-repeat: no-repeat;}
.clsReglementVirement{background-image:url(img/paiementVirement.png);height:40px;width:101px;background-repeat: no-repeat;}

.clsSeparateurTeinte{width:5px;height:20px;float:left}




.clsHorraire{background-image: url(img/Horraire.png); height:160px;width:382px; background-repeat: no-repeat;position:relative;}
.clsMenu{ background-color:#494748; height:27px;width:100%;}



.clsContacterNous{background-image: url(img/ContacterNous.png); height:196px;width:360px; background-repeat: no-repeat;}


.clsTableauMenu{height:95px;width:977px; position:absolute;top:90px;left:0px}


.clsImgNousContacter{background-image: url(img/imgNousContacter.png?d=1); height:90px;width:245px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:0px;left:744px;background-position:0px 0px}
.clsImgRappel{background-image: url(img/imgRappel.png); height:53px;width:262px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:14px;left:480px;background-position:0px 0px}




.clsMenuAccueil{background-image: url(img/menu/Accueil.png); height:56px;width:149px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:0px;left:0px;background-position:0px 0px}
.clsMenuAccueilA{background-image: url(img/menu/Accueil.png); height:56px;width:149px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:0px;left:0px;background-position:0px -56px}
.clsMenuAccueilText{font: 16px Rationale, Arial, Verdana, sans-serif;  color: #a5a5a5;text-align:center;width:149px;cursor:pointer;position:absolute;top:25px;left:0px}

.navbar-header{
    text-align:center;
}

.navbar-toggler {
    float: none;
    margin-right:50w;
}



.clsMenuMention{background-image: url(img/menu/Mention.png); height:56px;width:129px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:0px;left:538px;background-position:0px 0px}
.clsMenuMentionA{background-image: url(img/menu/Mention.png); height:56px;width:129px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:0px;left:538px;background-position:0px -56px}
.clsMenuMentionText{font: 16px Rationale, Arial, Verdana, sans-serif;  color: #a5a5a5;text-align:center;width:129px;cursor:pointer;position:absolute;top:25px;left:0px}


.clsMenuVideo{background-image: url(img/menu/video.png); height:59px;width:125px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:-3px;left:538px;background-position:0px 0px;z-index:4000}
.clsMenuVideoA{background-image: url(img/menu/video.png); height:59px;width:125px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:-3px;left:538px;background-position:0px -59.2px;z-index:4000}


.clsMenuFilmAuMetre{background-image: url(img/menu/filmAuMetre.png); height:55px;width:134px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:-3px;left:409px;background-position:0px 0px}
.clsMenuFilmAuMetreA{background-image: url(img/menu/filmAuMetre.png); height:55px;width:134px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:-3px;left:409px;background-position:0px -60px}
.clsMenuFilmAuMetreText{font: 16px Rationale, Arial, Verdana, sans-serif;  color: #fff;text-align:center;width:129px;cursor:pointer;position:absolute;top:30px;left:0px}


.clsMenuFilmPredecoupe{background-image: url(img/menu/filmPredecoupe.png); height:55px;width:129px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:-3px;left:279px;background-position:0px 0px}
.clsMenuFilmPredecoupeA{background-image: url(img/menu/filmPredecoupe.png); height:55px;width:129px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:-3px;left:279px;background-position:0px -60px}
.clsMenuFilmPredecoupeText{font: 16px Rationale, Arial, Verdana, sans-serif;  color: #fff;text-align:center;width:129px;cursor:pointer;position:absolute;top:30px;left:0px}


.clsMenuBarreGauche{background-image: url(img/menu/barreGauche.png); height:60px;width:343px; background-repeat: no-repeat;position:absolute;top:90px;left:649px;background-position:-114px 0px;border:0px solid #d90000}
.clsMenuBarreBas{background-image: url(img/menu/barreBas.png); height:21px;width:989px; background-repeat: no-repeat;position:absolute;top:54px;left:0px}
.clsMenuIconeMonCompte{background-image: url(img/menu/iconeMonCompte.png); height:25px;width:29px; background-repeat: no-repeat;position:absolute;top:100px;left:875px;}

.clsMenuTextePanier{font: 15px Rationale, Arial, Verdana, sans-serif;  color: #fafafa;  text-decoration: none;position:absolute;top:100px;left:815px;cursor:pointer;text-align:center;z-index:9999;}
.clsMenuIconePanier{background-image: url(img/menu/iconePanier.png); height:31px;width:32px; background-repeat: no-repeat;position:absolute;top:100px;left:775px;}


#iconeConforme{background-image: url(img/menu/iconeConforme.png); height:75px;width:94px; background-repeat: no-repeat;position:absolute;top:-22px;left:20px }


.clsMenuTexteContact{font: 15px Rationale, Arial, Verdana, sans-serif;  color: #fafafa;width:120px;overflow:hidden;  text-decoration: none;position:absolute;top:100px;right : -20px;height:25px;text-align:left}
.clsImgDeconnexion{background-image: url(img/menu/iconeDeconnexion.png); height:13px;width:10px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:100px;right :110px;background-position:0px 0px}
.clsMonCompteXs{background-image: url(img/menu/iconeMonCompteXs.png); height:17px;width:20px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:120px;right:105px;background-position:0px 0px}
.clsMenuTexteMonCompte{font: 15px Rationale, Arial, Verdana, sans-serif;  color: #fafafa;  text-decoration: none;position:absolute;top:105px;left:910px;cursor:pointer}
.clsMenuTexteMonCompteConnect {font: 15px Rationale, Arial, Verdana, sans-serif;  color: #fafafa;  text-decoration: none;position:absolute;top : 120px;left:890px;cursor:pointer; z-index : 10000;}




.clsFondChoixCategorie{background-image: url(img/fondChoixCategorie.png); min-height:274px;width:990px; background-repeat: no-repeat;background-color : #FFFFFF !important;}

.clsKitComplet1{background-image: url(img/kitCategorie/categorie1.png?20250212); height:158px;width:229px; background-repeat: no-repeat;cursor:pointer;margin-top : 100px;margin-left : 10px;}
.clsKitComplet2{background-image: url(img/kitCategorie/categorie2.png?20250212); height:158px;width:229px; background-repeat: no-repeat;cursor:pointer;margin-top : 100px;}
.clsKitComplet3{background-image: url(img/kitCategorie/categorie3.png); height:158px;width:229px; background-repeat: no-repeat;cursor:pointer;margin-top : 100px;}
.clsKitComplet4{background-image: url(img/kitCategorie/categorie4.png); height:158px;width:229px; background-repeat: no-repeat;cursor:pointer;margin-top : 100px;}


.clsAccueilFondRecherche{background-image: url(img/accueilFondRecherche.png); height:168px;width:539px; background-repeat: no-repeat;position:absolute;top:0px;left:0px}
.clsAccueilFondRecherche2{background-image: url(img/accueilFondRecherche.png); height:260px;width:768px; background-repeat: no-repeat;position:absolute;top:0px;left:0px; background-size : 100%;}
.clsAccueilFondRechercheTexte{ height:26px;width:320px; position:absolute;top:96px;left:60px;font-size:18px; border:0px solid #d90000; font-family:Arial,Verdana,  Times New Roman;margin:2px;}

.clsFondRecherche{background-image: url(img/fondRecherche.png); height:168px;width:769px; background-repeat: no-repeat;position:absolute;top:0px;left:0px}
.clsFondRechercheTexte{ height:26px;width:470px; position:absolute;top:96px;left:60px;font-size:18px; border:0px solid #d90000; font-family:Arial,Verdana,  Times New Roman;margin:2px;}


.clsVignettePaiement{background-image: url(img/vignette/vignettePaiement.png); height:207px;width:176px; background-repeat: no-repeat;cursor:pointer}
.clsVignetteSuiviColis {background-image: url(img/vignette/vignetteSuiviColis.png); height:207px;width:176px; background-repeat: no-repeat;cursor:pointer}
.clsVignetteKitDePoseBP {background-image: url(img/vignette/vignettekitDePose.png); height:207px;width:176px; background-repeat: no-repeat;cursor:pointer}
.clsVignetteLesPlusKFS {background-image: url(img/vignette/vignetteLesPlusKFS.png); height:207px;width:176px; background-repeat: no-repeat;cursor:pointer}
.clsVignetteFilmHP{background-image: url(img/vignette/vignetteFilmHP.png); height:207px;width:180px; background-repeat: no-repeat;cursor:pointer}




.clsVignetteContact {background-image: url(img/vignette/vignetteContacerNous.png); height:268px;width:212px; background-repeat: no-repeat;}

.clsVignetteDerniereCommande {background-image: url(img/vignette/vignetteDerniereCommande.png); height:268px;width:212px; background-repeat: no-repeat;}


.clsVignetteMarque {background-image: url(img/vignette/marque.png); height:168px;width:210px; background-repeat: no-repeat;cursor:pointer; position:absolute;left:560px;}
.clsVignetteMarque2 {background-image: url(img/vignette/marque.png); height:168px;width:210px; background-repeat: no-repeat;cursor:pointer; position:absolute;left:560px;}
.clsVignetteFilmDecoupe{background-image: url(img/vignette/filmDecoupe.png); height:168px;width:210px; background-repeat: no-repeat;cursor:pointer; position:absolute;left:780px;}


.clsVignetteAvantage {background-image: url(img/vignette/lesPlusKitFilmSolaire.png);height:224px;width:212px; position:absolute;top : 0px;left : 780px;}
.clsVignetteSuiviColisBlanc{background-image: url(img/vignette/suiviColisBlanc.png); height:237px;width:212px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:247px;left:780px;}
.clsVignettePaiementBlanc{background-image: url(img/vignette/paiementBlanc.png); height:207px;width:212px; background-repeat: no-repeat;cursor:pointer; position:absolute;top:504px;left:780px;}


.clsVignetteFraisDePort{background-image: url(img/vignette/fraisDePort.png?20250101); height:91px;width:260px; background-repeat: no-repeat;left:460px;top : 0px;}
.clsVignetteKitDePose{background-image: url(img/vignette/kitDePose.png); height:133px;width:271px; background-repeat: no-repeat;cursor:pointer}
.clsVignetteKitDePosePromo{background-image: url(img/vignette/kitDePosePromo.png?20241014); height:133px;width:271px; background-repeat: no-repeat;cursor:pointer}



.clsFondBody{background-image: url(img/fondBody.png); width:769px; height:710px;position:absolute}
.clsFondBody2{background-image: url(img/fondBody.png); width:769px; height:710px;position:absolute}
.clsFondBodyCompte{background-image: url(img/fondBody.png); width:769px; height:710px;position:absolute}
.clsFondBody3{background-image: url(img/fondBody.png); width:769px; height:800px;position:absolute; background-repeat : no-repeat;background-color : white;}
.clsClearFondBody {background-image: url(img/fondBody.png); width:769px; height:710px;position:absolute}
.clsFondChoixKit{background-image: url(img/choixKit/fondChoix.png); width:769px;}
.clsFondChoixKitInner {width:450px;height:90px}
.clsFondChoixKitMarque{background-image: url(img/choixKit/fondChoixMarque.png); height:98px;width:394px; background-repeat: no-repeat;position:relative}


.clsFondChoixKitTeinte{background-image: url(img/choixKit/fondChoixTeinte.png); width:394px; background-repeat: no-repeat;background-position:top left}
.clsFondChoixKitTeinteBas{background-image: url(img/choixKit/fondChoixTeinteBas.png); width:394px;height:200px; background-repeat: no-repeat;left:23px;background-position:top left;}
.clsFondChoixKitTeinteMc{ background-image: url(img/choixKit/fondChoixTeinte.png); width:394px; background-repeat: no-repeat;background-position:top left;}


 #fondChoicTeinteH{background:transparent url(img/choixKit/imgfondChoixTeinte.png) no-repeat top left;width:431px;position:relative;}
 #fondChoicTeinteHprime{background:transparent url(img/choixKit/imgfondChoixTeinte.png) no-repeat top left;width:431px;position:relative;}
 #fondChoicTeinteB{background:transparent url(img/choixKit/imgfondChoixTeinte.png) no-repeat bottom left;width:431px;position:relative;}
 #fondChoicTeinteprime{background:transparent url(img/choixKit/imgfondChoixTeinte.png) no-repeat bottom left;width:431px;position:relative;}

#fondPrixKit{background:transparent url(img/choixKit/fondPrixKit.png) no-repeat bottom left;width:431px;height:140px;position:relative;}

#trThermoformage{position:relative;}
#divThermoformage{background:transparent url(img/choixKit/fondThermoformage.png) no-repeat bottom left;width:431px;height:151px;position:relative;}
#btnFermer{background:transparent url(img/fermer.png) no-repeat bottom left;width:20px;height:20px;position:absolute;cursor:pointer}


#fondRuban{background:transparent url(img/choixKit/fondRuban.png) no-repeat top left;width:353px;height:35px;position:absolute;left:-10px;}
#fondRubanText{font:20px  arial ;color:#dddde0;position:absolute;left:10px;top:2px;font-style : italic;}



.clsFondChoixKitTeinteL{background-image: url(img/choixKit/fondChoixTeinteL.png); width:715px; background-repeat: no-repeat;background-position:top left}
.clsFondChoixKitTeinteBasL{background-image: url(img/choixKit/fondChoixTeinteBasL.png); width:715px;height:200px; background-repeat: no-repeat;left:23px;background-position:top left;}
.clsFondChoixKitTeinteBasL2{background-image: url(img/choixKit/fondChoixTeinteBasL.png); width:715px;min-height:200px; background-repeat: no-repeat;left:23px;background-position:top left;padding : 5px;}



.clsConseilTitre{font: 20px Rationale, Arial, Verdana, sans-serif;  color: #000;  text-decoration: none;}
.clsConseilQuestionImg{background-image: url(img/imgConseil.png); width:394px;height:98px; background-repeat: no-repeat;position:relative}
.clsConseilQuestionTexte{ font: 15px Rationale, Arial, Verdana, sans-serif;  color: #000;width:362px;height:40px;left:10px;top:10px; position:absolute}
.clsConseilQuestionBouton{background-image: url(img/btnVoirKit.png); width:171px;height:23px; background-repeat: no-repeat;left:200px;top:63px;position:absolute}
.clsConseilH{background-image: url(img/imgConseilFondH.png); width:271px;height:11px; background-repeat: no-repeat;}
.clsConseilB{background-image: url(img/imgConseilFondB.png); width:271px; background-repeat: no-repeat;left:200px;background-position:bottom center;}
.clsConseilTexte{ font: 15px Rationale, Arial, Verdana, sans-serif;  color: #000;margin-left:20px;margin-right:30px;}
.clsConseilTexteTitre{ background-image: url(img/imgEtoile.png);text-indent:30px;font: 20px Rationale, Arial, Verdana, sans-serif;  color: #000;background-repeat: no-repeat;text-align:center;background-position:10px 15px;height:80px}
.clsConseilImgVoiture{background-image: url(img/imgConseilVehicule.png); width:208px;height:30px; background-repeat: no-repeat;}
.clsConseilImgBatiment{background-image: url(img/imgConseilBatiment.png); width:193px;height:35px; background-repeat: no-repeat;}




.clsTitreH1{ font-size: 30px;}

.clsChoixKitTitre{font: 18px Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;position:absolute;top:30px;left:35px;cursor:pointer;text-align:center}

.clsTitreH1{font: 18px Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;position:absolute;top:20px;left:35px;cursor:pointer;text-align:center}
/* ajustement pour design responsive */
.clsTitreH1{font: 18px Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;position:absolute;top:30px;left:35px;cursor:pointer;text-align:left;z-index : 9999;}

.clsComboBoxKit{font-size:16px; border:1px solid #CCCCCC; font-family:Calibri, Arial, Verdana,  Times New Roman;margin:1px;width:270px}
.clsTextChoixKitMarque{font: 15px  Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;width:380px;}
.clsTextChoixKitMarque2{text-decoration: none;}
.clsTextChoixKitMarque3{font: 15px  Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;width:380px;}
.clsTextChoixKitMarqueP{font: 15px  Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;width:380px; }
.clsTextTitreChoixKitTeinte{font: 18px  Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;margin:5px;color:#ebae07!Important;}
.clsTextTitreChoixKitTeinte1{font: 18px  Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none; height:30px;color:#ebae07!Important;position:absolute;left:40px;top:3px}
.clsTextItemChoixKitTeinte{font: 13px   Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;}
.clsTextItemGroupe{font: 15px   Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;}


.clsBarreChoixTeinte{background-image: url(img/choixKit/barreChoixTeinte.png); width:132px;height:20px; background-repeat: no-repeat;position:absolute;top:7px;left:0px}
.clsFondVehicule{background-image: url(img/choixKit/fondVehicule.png); width:318px;height:175px; background-repeat: no-repeat;position:absolute;top:5px;left:430px;border:0px solid #d90000}
.clsVehicule{width:300px;height:175px; background-repeat: no-repeat;position:absolute;top:25px;left:100px;overflow:hidden;}
.clsFondFilmDecoupe{background-image: url(img/choixKit/fondFilmDecoupe.png);width:320px;height:480px; background-repeat: no-repeat;position:absolute;top:240px;left:445px;overflow:hidden;}
.clsFondFilmDecoupe2{background-image: url(img/choixKit/fondFilmDecoupe.png);width:320px;height:480px; background-repeat: no-repeat;position:absolute;top:240px;left:445px;overflow:hidden;}
.clsFondFilmDecoupeTitre{background-image: url(img/choixKit/fondDecoupeTitre.png);width:320px;height:25px; background-repeat: no-repeat;background-position:15px 0px;text-indent:23px;font: 16px   Rationale, Arial, Verdana, sans-serif;  color: #000;}

.clsTeinte70{background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:50px;position:absolute;top:4px;left:102px;background-position:  -96px -24px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte35{background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:78px;background-position:  -72px -24px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte20{background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:54px;background-position:  -48px -24px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte15{background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:30px;background-position:  -24px -24px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte5 {background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:6px;background-position:  0px -24px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte70Selected{background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:102px;background-position:  -96px 0px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte35Selected{background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:78px;background-position:  -72px 0px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte20Selected{background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:54px;background-position:  -48px 0px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte15Selected{background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:30px;background-position:  -24px 0px;background-repeat: no-repeat;cursor:pointer}
.clsTeinte5Selected {background-image: url(img/choixKit/teinteVehicule.png);width:24px;height:24px;position:absolute;top:4px;left:6px;background-position:  0px 0px;background-repeat: no-repeat;cursor:pointer}
.clsBtnPanier{background-image: url(img/choixKit/btnPanier.png); width:171px;height:23px; background-repeat: no-repeat;position:absolute;top:7px;left:0px}
.clsFondPanierBody{background-image: url(img/fondPanierBody.png);width:769px; background-repeat: no-repeat;position:relative}
.clsFondTextAcc{background-image: url(img/fondPanierBody.png);width:990px; background-repeat: no-repeat;position:relative}
.clsFondTextAccC2{background-image: url(img/fondPanierBody3.png);width:990px; background-repeat: no-repeat;position:relative}
.clsFondTextAcc2{background-image: url(img/fondPanierBody.png);width:990px; background-repeat: no-repeat;position:relative}

.clsBtnAjouterKit{background-image: url(img/btnAjouterKit.png); background-repeat: no-repeat;width:171px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnCommander{background-image: url(img/btnCommander.png); background-repeat: no-repeat;width:141px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnValider{background-image: url(img/btnValider.png); background-repeat: no-repeat;width:141px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnEnvoyer{background-image: url(img/btnEnvoyer.png); background-repeat: no-repeat;width:118px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}

.clsBtnValiderPanier{background-image: url(img/btnValiderPanier.png); background-repeat: no-repeat;width:171px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnValiderPanier2{background-image: url(img/btnValiderPanier.png); background-repeat: no-repeat;width:171px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnModifierPanier{background-image: url(img/btnModifierPanier.png); background-repeat: no-repeat;width:107px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnPrecedent{background-image: url(img/btnPrecedent.png); background-repeat: no-repeat;width:113px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnCommanderKit{background-image: url(img/btnCommanderKit.png); background-repeat: no-repeat;width:281px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnModifierAdresse{background-image: url(img/btnModifierAdresse.png); background-repeat: no-repeat;width:183px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}
.clsBtnAjouterAdresse{background-image: url(img/btnAjouterPanier.png); background-repeat: no-repeat;width:183px;height:23px;cursor:pointer;margin:0px;border:0px;background-color:transparent}




.clsTextMonCompteTitre{font: 26px  Rationale, Arial, Verdana, sans-serif;  color: #ffba00;  text-decoration: none;}

.clsMonCompteCadreAdresse {background-image: url(img/monCompte/cadreAdresse.png);width:504px;height:189px;background-repeat: no-repeat;}
.clsMonCompteCadreContactEtConnexion {background-image: url(img/monCompte/cadreContact.png);width:504px;height:118px;background-repeat: no-repeat;padding : 10px;}
.clsMonCompteCadreConnexion {background-image: url(img/monCompte/cadreConnexion.png);width:218px;height:150px;background-repeat: no-repeat;}
.clsTexteCadreMonCompte{font: 15px  Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;}

.clsMonCompteBtnConnection {background-image: url(img/monCompte/btnConnection.png);width:125px;height:23px;margin:0px;padding:0px;border:0px;background-repeat: no-repeat;background-color:transparent;cursor:pointer}
.clsMonCompteBtnSuivant {background-image: url(img/monCompte/btnSuivant.png);width:103px;height:23px;margin:0px;padding:0px;border:0px;background-repeat: no-repeat;background-color:transparent;cursor:pointer}





.clsPanierCadreAdresse {background-image: url(img/panier/cadreAdresse.png);width:394px;height:97px;background-repeat: no-repeat;border:0px;margin:0px;padding:5px;color:#fff;overflow:hidden;background-color:transparent}
.clsPanierChoixPaiement{background-image: url(img/panier/cadreChoixPaiement.png);width:271px;height:182px;background-repeat: no-repeat;}


.clsTextPiedDePage{font: 12px Arial, Verdana, sans-serif;  color: #b0b0b0!Important;  text-decoration: none!Important;padding:3px ; }


.un { position:absolute;top:20px;left:358px;}
.deux { position:absolute;top:40px;left:358px;}
.trois { position:absolute;top:60px;left:358px;}

.clsText10 {font: 10px Arial, Verdana, sans-serif;  color: #4e4e4e!Important;  text-decoration: none!Important; width:420px; text-align:left;position:relative;left:5px; }
.clsText11 {font: 11px Arial, Verdana, sans-serif;  color: #4e4e4e;  text-decoration: none;}
.clsText12 {font: 12px Arial, Verdana, sans-serif;  color: #000;  text-decoration: none; }
.clsTextBleu {font: 20px Calibri,Arial, Verdana, sans-serif;  color: #379ED3;  text-decoration: none; }
.clsText20Noir {font: 20px Calibri,Arial, Verdana, sans-serif;  color: #000;  text-decoration: none; }
.clsTextDescriptif {font: 15px Arial, Verdana, sans-serif;  color: #000;  text-decoration: none; }

.clsTextLink {font: 12px Arial, Verdana, sans-serif;  color: #4e4e4e;  text-decoration: underline; bgcolor:#000000}
.clsOver{height:27px!Important;background-color:#E8EAEB;font: 12px  Arial ,Verdana,  sans-serif;color:#000000;text-decoration:none;}

.clsOut{height:27px!Important;background-color:#ffffff;font: 12px  Arial , Verdana, sans-serif;color:#000000;text-decoration:none;}



.clsText11Gras {font: bold 11px Arial, Verdana, sans-serif;  color: #000000;  text-decoration: none; bgcolor:#000000}
.clsText12Gras {font: bold 12px Arial, Verdana, sans-serif;  color: #000000;  text-decoration: none; bgcolor:#000000}
.clsText15Gras {font: bold 15px Arial, Verdana, sans-serif;  color: #000000;  text-decoration: none; bgcolor:#000000}

.clsTextGrasRouge {font: 14px Arial, Verdana, sans-serif;  color: #DF2930;  text-decoration: none; }
.clsTextGrasVert {font: 14px Arial, Verdana, sans-serif;  color: #679F45;  text-decoration: none; }


.clsTextBoxStandard{font-size:11px; border:1px solid #CCCCCC; font-family:Verdana, Arial, Times New Roman;margin:1px;}

.clsTextBox{font-size:14px; border:1px solid #CCCCCC; font-family: Calibri, Arial,Verdana, Times New Roman;margin:1px;width:380px;height:90px;padding:3px; }
.clsTextBoxTextarea {font-size:14px; border:1px solid #CCCCCC; font-family: Calibri, Arial,Verdana, Times New Roman;margin:1px;width:380px;height:90px;padding:3px;}
.clsTextBoxMajAdresse {font-size:14px; border:1px solid #CCCCCC; font-family: Calibri, Arial,Verdana, Times New Roman;margin:1px;width:220px;height:90px;padding:3px; }
.clsTextBox2{font-size:14px; border:1px solid #CCCCCC; font-family: Calibri, Arial,Verdana, Times New Roman;margin:1px;width:380px;height:20px;padding:3px; }
.clsTextBoxPetit{font-size:14px; border:1px solid #CCCCCC; font-family: Calibri, Arial,Verdana, Times New Roman;margin:1px;width:380px;height:90px;padding:3px; }

.clsTextBoxRouge{font-size:12px; border:1px solid #d90000; font-family: Calibri, Arial,Verdana, Times New Roman;margin:1px;}
.clsLabelCouleur{font: 14px  Calibri, Verdana, Arial, Verdana, sans-serif!Important; color: #7B879A!Important;  text-decoration: none!Important; }
.clsConnexionTxtErreur{font: 12px Calibri, Arial, Verdana, sans-serif;  color: #d90000;}


.clsComboBox{font-size:12px; border:1px solid #CCCCCC; font-family:Calibri, Arial, Verdana,  Times New Roman;margin:1px;}




.clsBtn{background-image: url(img/btn.png); background-repeat: no-repeat;width:108px;height:25px;background-position: 0px 0px;cursor:pointer;margin:0px;border:0px;font: 13px Arial ,Verdana,   sans-serif;color:#000000;background-color:transparent}

.clsBtnA{background-image: url(img/btn.png); background-repeat: no-repeat;width:108px;height:25px;background-position: 0px -25px;cursor:pointer;margin:0px;border:0px;font: 13px Arial ,Verdana,   sans-serif;color:#ffffff;background-color:transparent}





.clsMenuOver{ height:65px; cursor:pointer;font: 19px Calibri, Arial, Verdana, sans-serif;background-color:#0dc9ff;color: #fff;}

	


.clsMenuOut{height:65px;  background-color:#2b2b2b;}
.clsMenuOutText{font: 19px Calibri, Arial, Verdana, sans-serif; color:#fff; text-decoration: none!Important;}








.clsOver{height:30px;background-color:#EFEFEF}
.clsOut{height:30px;}

.clsPuce {width:5px;height:5px;background-color:#eba600;overflow:hidden;}
.clsTdPuce{width:10px;}


.clsBtnPlus{background-image: url(img/btnPlus.png);background-position: 0px 0px; background-repeat:no-repeat;width:15px!Important;height:15px!Important;cursor:pointer;margin:0px;border:0px}
.clsBtnPlusA{background-image: url(img/btnPlus.png);background-position: 0px -25px; background-repeat:no-repeat;width:15px!Important;height:15px!Important;cursor:pointer;margin:0px;border:0px}

.clsBtnModifier{background-image: url(img/btnModifier.png);background-position: 0px 0px; background-repeat:no-repeat;width:15px!Important;height:15px!Important;cursor:pointer;margin:0px;border:0px}
.clsBtnModifierA{background-image: url(img/btnModifier.png);background-position: 0px -25px; background-repeat:no-repeat;width:15px!Important;height:15px!Important;cursor:pointer;margin:0px;border:0px}




.clsBtnSupprimer{background-image: url(img/btnSupprimer.png);background-position: 0px 0px; background-repeat:no-repeat;width:15px;height:15px;cursor:pointer;margin:0px;border:0px}
.clsBtnSupprimerA{background-image: url(img/btnSupprimer.png);background-position: 0px -25px; background-repeat:no-repeat;width:15px;height:15px;cursor:pointer;margin:0px;border:0px}


.clsBtnFusionner{background-image: url(img/btnFusionner.png);background-position: 0px 0px; background-repeat:no-repeat;width:18px;height:18px;cursor:pointer;margin:0px;border:0px}
.clsBtnFusionnerA{background-image: url(img/btnFusionner.png);background-position: 0px -22px; background-repeat:no-repeat;width:18px;height:18px;cursor:pointer;margin:0px;border:0px}

#btnFusionner{background-image: url(img/btnFusionner.png);background-position: 0px 0px; background-repeat:no-repeat;width:18px;height:18px;cursor:pointer;margin:0px;border:0px}
#btnFusionner:hover{background-image: url(img/btnFusionner.png);background-position: 0px -22px; background-repeat:no-repeat;width:18px;height:18px;cursor:pointer;margin:0px;border:0px}


.clsBtnLoupe{background-image: url(img/loupe.png);background-position: 0px 0px; background-repeat:no-repeat;width:20px;height:20px;cursor:pointer;margin:0px;border:0px}
.clsBtnLoupeA{background-image: url(img/loupe.png);background-position: 0px -40px; background-repeat:no-repeat;width:20px;height:20px;cursor:pointer;margin:0px;border:0px}



.clsBtnImprimerA{background-image: url(img/btnImprimer.png); background-repeat: no-repeat;width:25px;height:21px;background-position: 0px -23px;cursor:pointer;}
.clsBtnImprimer{background-image: url(img/btnImprimer.png); background-repeat: no-repeat;width:25px;height:21px;background-position: 0px 0px;cursor:pointer;}

.clsCadreTbl{background-image: url(img/cadreTbl.png);text-indent:10px;  background-repeat: repeat-x;  height:35px!important;font: 12px Arial, Verdana ,  sans-serif;color:#ffffff;text-decoration:none;}
.clsCadreTableau{border-left:1px solid #79879A;border-right:1px solid #79879A;border-bottom:1px solid #79879A;}
.clsBorder{border:1px solid #79879A;}
.clsBorderBottom{border-bottom:1px solid #79879A;}



/*Iframe*/
.clsIframeMH{background-image:url(img/iframe/iframeMH.png);background-position:bottom;height:10px;background-repeat: repeat-x;}
.clsIframeMB{background-image:url(img/iframe/iframeMB.png);background-position:top;height:10px;background-repeat: repeat-x;}
.clsIframeCDH{background-image:url(img/iframe/iframeCDH.png);background-position:left;width:10px;height:10px;background-repeat: no-repeat;}
.clsIframeCDB{background-image:url(img/iframe/iframeCDB.png);background-position:0px 0px;width:10px;height:10px;background-repeat: no-repeat;}
.clsIframeCD{background-image:url(img/iframe/iframeCD.png);background-position:left;width:10px;background-repeat: repeat-y;}
.clsIframeCGH{background-image:url(img/iframe/iframeCGH.png);background-position:right;width:10px;height:10px;background-repeat: no-repeat;}
.clsIframeCGB{background-image:url(img/iframe/iframeCGB.png);background-position:right;width:10px;height:10px;background-repeat: no-repeat;}
.clsIframeCG{background-image:url(img/iframe/iframeCG.png);background-position:right;width:10px;background-repeat: repeat-y;}

.jDiaporama{
	position:relative;
}

.jDiaporama ul{
	
	overflow:hidden;
}

.jDiaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

.jDiaporama li img{
	display:block
}

.jDiaporama li .desc{
	position:absolute;
	bottom: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
	background:url(img/back_desc.png) repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/back_desc.png',sizingMethod='scale');  _background-image:none;
	width:100%;
	height:30px
}

.jDiaporama li .title{
	position:absolute;
	top: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama li .count{
	position:absolute;
	top: 0; right: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama_controls{
	display:none;
}

.jDiaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:block;
	margin:0 3px;
	position:absolute;
}

.jDiaporama_controls .prev{
	background:url(img/controls2.png) no-repeat bottom;
	_background:url(img/controls.gif) no-repeat bottom;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	left: 0px
}

.jDiaporama_controls .next{
	background:url(img/controls2.png) no-repeat top;
	_background:url(img/controls.gif) no-repeat top;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	right: 0px
}

.jDiaporama_controls .pause{
	background:url(img/playpause.png) no-repeat top;
	_background:url(img/playpause.gif) no-repeat top;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}

.jDiaporama_controls .play{
	background:url(img/playpause.png) no-repeat bottom;
	_background:url(img/playpause.gif) no-repeat bottom;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}

/**** Status ****/

.jDiaporama_status{
	text-align:center;
	margin-top:10px;
	position:absolute;
	left:40%;
	display:none
}

.jDiaporama_status a{
	background:url(img/bullets.png) no-repeat left;
	_background:url(img/bullets.gif) no-repeat left;
	float:left;
	width:10px;
	height:10px;
	text-indent:-9999px;
	margin-right:5px;
}

.jDiaporama_status a.active, .jDiaporama_status a:hover{
	background:url(img/bullets.png) no-repeat right;
	_background:url(img/bullets.gif) no-repeat right;
}


 

/**** jqueryslidemenu ****/


.clsMenuNosPrestation{background-image: url(img/menu/nosPrestation.png); height:56px;width:129px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:-8px;left:137px;background-position:0px 0px}
.clsMenuNosPrestationA{background-image: url(img/menu/nosPrestation.png); height:56px;width:129px; background-repeat: no-repeat;cursor:pointer;position:absolute;top:-8px;left:137px;background-position:0px -56px}
.clsMenuNosPrestationText{font: 16px Rationale, Arial, Verdana, sans-serif;  color: #a5a5a5;text-align:center;width:129px;cursor:pointer;position:absolute;top:25px;left:0px}
.clsMenuNosPrestationSousLienText{font: 12px Arial, Verdana, sans-serif;  color: #a5a5a5;text-decoration:none}
.clsMenuNosPrestationSousLienText:hover{font: 12px Arial, Verdana, sans-serif;  color: #fff;text-decoration:none}




.jqueryslidemenu{
border:0px solid #d90000;
color:#EFEFEF;

}



.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/*Top level list items*/

.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}



/*Top level menu link items style*/

.jqueryslidemenu ul li div{
display: block;
height:53px;
text-decoration: none;
}



* html .jqueryslidemenu ul li div{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}









	

/*1st sub level menu*/

.jqueryslidemenu ul li ul{

position: absolute;
z-index:3000;

left: 138px !important;

top : 30px !important;

display: block;

visibility: hidden;

background-image: url(img/sousMenuFond.png); 

width: 250px; /* width of sub menus*/

background-position: center bottom;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

top: 0;



}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li div{

vertical-align:middle;

height:30px;

cursor:pointer;

padding:5px;

text-indent:5px;

font: 12px   AurulentSansRegular, Arial, Verdana,Verdana;

color: #9c9c9c; 



}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li div:hover{

vertical-align:middle;

height:30px;

cursor:pointer;

padding:5px;

font: 12px   AurulentSansRegular, Arial, Verdana,Verdana;

color: #ffffff; 

}






/*Slide CINEMA*/

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 248px;
    left:-18px;
    top:40px;
    padding: 0px 0px;
      border: 0px solid #d90000;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  195px;
    height: 220px;
    border: 0px solid #d90000;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 190px;
    height:220px;
    border: 0px solid green;
       
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 5px;
    width: 45px;
    height: 64px;
    cursor: pointer;
    background: transparent url(img/btnNext.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(img/btnNext.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -45px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -45px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -45px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 5px;
    width: 45px;
    height: 64px;
    cursor: pointer;
    background: transparent url(img/btnPrevious.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(img/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -45px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -45px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -40px 0;
}


.boutonCommander {
	padding:6px 0 6px 0;
	font:bold 25px Arial;
	background:#EFBF46;
	color:#fff;
	border-radius:2px;
	width:100px;
	border:none;
}



   .whatsapp-mobile {
     position: fixed;
     bottom: 20px;
     right: 20px;
     z-index: 9999;
     display: none;
     background: #25D366;
     border-radius: 50%;
     padding: 12px;
     box-shadow: 0 0 15px rgba(0,0,0,0.3);
    
   }
   
   /* Detection mobile CSS */
   @media (max-width: 767px), (hover: none) and (pointer: coarse) {
     .whatsapp-mobile {
       display: none;
     }
  }
  
  /** ajout pour changer l'ihm pour mobile */
  
  .divDiapo { position:absolute;top:0px;left:0px;width:770px;height:267px;overflow:hidden; }
  .divDiapoImg  { width : 100%; height : auto;}
  .diapoCommandes { position:absolute;top:0px;left:780px; } 
  
  .conteneurDivDiapo {position:relative;height:280px; margin-top : 30px;}
  
  .conteneurVignettePiedPrime{ position:relative;min-height:220px; }
  
  .imgCarousel {width:140px;height:110px;overflow:hidden;}
  
  /* autre ajout */
    
     .textSlogan {color:#fff;position:absolute; left:95px;top:50px;}
  
     .sloganUn { font:12px arial; left:95px;top:50px;}
   .sloganDeux { font:18px arial; left:90px;top:25px;font-weight:bold; }
   
   
   .divAccueilFondRecherche {height : 188px;position : relative;}
   .divTable {padding : 0;} /** probleme de femetur sur l'accueil surement marge négative c'est bon normalement maintenant ***/
   .conteneurClsFondChoixKitMarque {width:440px;height:115px;position:relative; }
   
   .grandTableTeinte{width:395px;text-align:left}
   .traitRouge {width:430px;border:1px solid #000;background-color:#8B0E1C;z-index:<%=205-i%>;-webkit-border-radius: 15;-moz-border-radius: 15;border-radius: 15px;}
  .tablePrecisionCommande {width:420px;text-align:left;position:relative;left:5px}
  .divSelectComboBox {left : 350px;}
  .kitTrois {top:90px;left:250px !important;} 
  .kitDeux {left:258px !important;} 
  .kitUn {left:258px !important;} 
  .commKit {top:125px;left:270px;}
  .commKitPrime {left:270px}
  .clickInfoThermoformage { position:absolute;top:150px;left:180px;width:237px;height:21px;cursor:pointer; }
  .conteneurThermoformage {height:95px;width:240px;overflow:hidden;border:0px solid #d90000;position:absolute;left:180px;top:5px;}
  .fontOptionsThermoformage {font:14px arial;color:#fff;padding-top:0px; max-width : 150px;}
  #divInfoThermoformage{position:absolute;top:172px;left:210px;width:370px;height:80px;border:1px solid #CA8A1D;background-color:#ffd5a2;z-index:9999;-webkit-border-radius: 15;-moz-border-radius: 15;border-radius: 15px;}
  #btnFermer {left:360px;top:-10px;}
  .tableauPanier2{width:394px;}
   .topVignettePanier1{top : 215px;}
   .topVignettePanier2{top : 80px;}
   
   
  .separationPanier{ width:384px;}
  .separateurPanier{height:90px;}
  .ctckPanier{left : 166px;}
  #divListeKit{width:475px}
  .choixVignetteMarque {position:absolute;border:1px solid #cecece;width:140px;height:140px;top:0px;}
  
  .divCommanderKit {position:relative;width:560px;height:80px;!Important;background-color:#fff;border:1px solid #C0BDBD;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;padding:10px;}
  .hiddenBlockXs{display : none;}
  .adjustFondRegl{height : 749px ;position:static;background-repeat : no-repeat;}
   .btnFermerIframe {cursor:pointer;position:relative;top:-5px;left:3px}
   .imgVirement {width : 678px; height : 260px;}
  
   .alignMobile {align : center;}
  /* mobile */
  
  
  @media (max-width: 758px) {
  
  .un {  position:static;}
  .deux { position:static;}
  .trois { position:static;}
  
  .clsMenuAccueil{position: relative;left : 0px;width : 129px;}
  .clsMenuAccueilA{position: relative;left : 0px;width : 129px;}
  .clsMenuAccueilText{width:129px;}
  
  .clsMenuFilmPredecoupe{position: relative;left : 0px;margin-top : -6px; padding : 0;}
  .clsMenuFilmPredecoupeA{position: relative;left : 0px;margin-top : -6px; padding : 0;}
  .clsMenuFilmAuMetre{position: relative;left : 0px;}
  .clsMenuFilmAuMetreA{position: relative;left : 0px;}
  .clsMenuNosPrestation{position: relative;left : -1px; margin : 0;}
  .clsMenuNosPrestationA{position: relative;left : -1px; margin : 0; }
  .clsMenuVideo { position: relative;left : 0px;top : 0px; margin-top : -3px; background-color : #fcfcfc;width : 129px; background-size : cover;height : 60px;} 
  .clsMenuVideoA { position: relative;left : 0px;top : 0px; margin-top : -3px; background-color : #fcfcfc;width : 129px; background-size : cover;height : 60px; } 
  
  
  /*sub level menu */
  
  .jqueryslidemenu ul li ul{
  
  position: absolute;
  z-index:3000;
  left: 130px !important;
  display: block;
  top : 0px !important;
  visibility: hidden;
  background-image: url(img/sousMenuFond.png) !important; 
   background-color: rgba(0, 0, 0, 0.5);
  width: 350px !important; /* width of sub menus*/
  background-position: center bottom;
  }
  
 
  /*Sub level menu list items (undo style from Top level List Items)*/
  
  .jqueryslidemenu ul li ul li{
  display: list-item;
  float: none;
  }
 

  .clsMenuBarreBas{ display : none; }
  
  /** width element mobile */
  
  .clsTableauMenu{height:40vw !important;width:360px; position:absolute;top:90px;left:0px}
  .clsFondChoixCategorie{ width:100%;background-repeat: no-repeat;background-image : url(img/fondChoixCategorie2.png);}
  
  .clsKitComplet1{margin-top : 90px;margin-left : 6vw; width : 74vw; height : 50vw;background-size : cover;}
  .clsKitComplet2{margin-top : 15px;margin-left : 6vw; width : 74vw; height : 50vw;;background-size : cover;}
  .clsKitComplet3{margin-top : 15px;margin-left : 6vw; width : 74vw; height : 50vw;background-size : cover;}
  .clsKitComplet4{margin-top : 15px;margin-left : 6vw; width : 74vw; height : 50vw;background-size : cover;}
  
  .divDiapo { position:absolute;top:0px;left:0px;width:100vw;height:25vw;overflow:hidden; margin-bottom : 20px;}
  .divDiapoImg {  width : 100%; height : auto;}
  
  /**************************** carousel dernières commandes ***************************/
  
  .jcarousel-skin-tango {width : 98% !important;height : 100%;}
  
  
  .jcarousel-skin-tango ul {height : 100%;}
  
  .jcarousel-skin-tango  li {width : 98vw !important;height: 102vw !important;margin-left : 40px;}
  
  .diapoCommandes { position : absolute; top : 31vw;  width : 100vw; left:0; } 
      
  .conteneurDivDiapo {height:144vw;top : 0vw;}
  
  .clsVignetteDerniereCommande {padding : 0; margin : 0;background-image: url(img/vignette/vignetteDerniereCommande.png); height:105vw;width:88vw; background-repeat: no-repeat;background-size : cover;left : 50%; transform : translateX(-50%);}
  
   #ruban{background:transparent url(img/ruban.png) no-repeat center center;width:15vw;height:17vw;position:absolute;left:75vw;top:-3vw;}
   
   .clsTextTitreChoixKitTeinte1{height:30px;color:#ebae07!Important;position:absolute;left:50vw;width : 180px;top:4vw;transform : translateX(-95px);} /* titre commandes récentes ***/
  /* .clsTextTitreChoixKitTeinte{position:absolute;top:100px;left:auto;z-index:9999;} */
   .clsTextTitreChoixKitTeinte{margin-left : -9vw;height : 8vw;}
   /*.cktPanier {margin-left : -11vw;} */
   //.imgCarousel {width:320px;height:200px; position : absolute; left : 30px;top : 80px;}
   .imgCarousel {width:48vw;height:40vw;overflow:hidden;margin-left : 0px;margin-top : 20vw;background-size : cover;margin-left : -9vw;}
   
   #mycarousel {width : 96vw !important;left : -2vw !important;}
   
   
/********************************** carousel item *********************************************/
	
   .jcarousel-skin-tango .jcarousel-direction-rtl {
   	direction: rtl;
   }
   
   .jcarousel-skin-tango .jcarousel-container-horizontal {
       width: 98vw;
       left:0px;
       top:5vw;
       padding: 0px 0px;
         border: 0px solid #d90000;
   }
   
   
   .jcarousel-skin-tango .jcarousel-clip {
       overflow : hidden;
   }
   
   .jcarousel-skin-tango .jcarousel-clip-horizontal {
       width:  98vw;
       height: 88vw;
       border: 0px solid #d90000;
   }
   
   
   .jcarousel-skin-tango .jcarousel-item {
       width: 98vw;
       height:88vw;
       border: 0px solid green;
          
   }
   
   .jcarousel-skin-tango .jcarousel-item-horizontal {
   	margin-left: 0;
       margin-right: 1px;
   }
   
   .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
   	margin-left: 10px;
       margin-right: 0;
   }
	
/***** bouton prev carousel*********************************************************************/
	.jcarousel-skin-tango .jcarousel-prev-horizontal {
	    position: absolute;
	    top: 40vw;
	    left: -1vw;
	    width: 45px;
	    height: 64px;
	    cursor: pointer;
	    background: transparent url(img/btnPrevious.png) no-repeat 0 0;
	}

  
  /*****************************************************************************************/
  
  /**** bouton next carousel ************************************************************/
  
  .jcarousel-skin-tango .jcarousel-next-horizontal {
      position: absolute;
      top: 40vw;
      right: 10vw;
      width: 45px;
      height: 64px;
      cursor: pointer;
      background: transparent url(img/btnNext.png) no-repeat 0 0;
  }
  
  /************************************************/
  
  /** ajout ***/
  
  .rowVignetteAccueil  {height : 77vw;width : 94vw; margin-left : 3vw !important;}
  .colVignettes  {margin-top : 35vw; margin-left : -3vw;}
  
  /****************************/
  
  
  
  .clsVignetteMarque {position :static;width : 45vw;height : 37vw;background-size : cover;}
   .clsVignetteMarque2 {position :static !important;width : 45vw;height : 37vw;background-size : cover;}
  .clsVignetteFilmDecoupe{position :static; width : 45vw;height : 37vw;background-size : cover;}
  
  .conteneurVignettes {position : relative;margin-top : 0vw ; padding : 0;margin-right : 2vw;margin-left : 2vw; height : 80vw !important;}
  .divTable {padding : 0; margin : 0; }
  
  .clsFondTextAcc{width:90vw;margin-left : 1vw;} /* a voir la marge gauche */
  .clsFondTextAccC2{width:90vw;margin-left : 1vw;} /* a voir la marge gauche */
  .clsFondTextAcc2{width:100vw;}
 
  .clsVignettePaiement{background-image: url(img/vignette/vignettePaiement.png); height:30vw;width:25vw; background-repeat: no-repeat;cursor:pointer; background-size : cover;position : static !important;}
  .clsVignetteSuiviColis {background-image: url(img/vignette/vignetteSuiviColis.png); height:30vw;width:25vw; background-repeat: no-repeat;cursor:pointer; background-size : cover;position : static !important;margin-bottom : 20px;}
  .clsVignetteKitDePoseBP {background-image: url(img/vignette/vignettekitDePose.png); height:30vw;width:25vw; background-repeat: no-repeat;cursor:pointer; background-size : cover;position : static !important;}
  .clsVignetteLesPlusKFS {background-image: url(img/vignette/vignetteLesPlusKFS.png); height:30vw;width:25vw; background-repeat: no-repeat;cursor:pointer; background-size : cover;position : static !important;}
  .clsVignetteFilmHP{background-image: url(img/vignette/vignetteFilmHP.png); height:30vw;width:25vw; background-repeat: no-repeat;cursor:pointer; background-size : cover;position : static !important;}
  .conteneurVignettePied { width : 95vw;margin-bottom : 20px;}
  
  .clsFondSiteContenuB{height:100px;width:98vw;text-align:center; }
  .clsFondSiteContenuH{height:222px;width:98vw; }
  .clsFondSiteContenuC { width:98vw;  }
  .ajoutBlanc {height : 20px; width : 100vw: display : block;}
  .clsPiedDePage{padding-top : 20vw;width:100vw;background-image: url(img/piedDePage3.png); background-repeat: no-repeat;position:relative;background-size : 100vw  22vw ;}
  
  .clsImgNousContacter{background-image: url(img/imgNousContacter.png?d=1);z-index : 9999 !important; height:70px;width:185px; background-repeat: no-repeat;cursor:pointer !important ;position:absolute;top:auto;bottom : 0px;left : 10px;background-position:0px 0px; background-size : cover;}
  
   .sloganUn { font:8px arial; left:80px;top:40px;}
   .sloganDeux { font:13px arial; left:70px;top:15px; }
   
   .clsImgRappel{background-image: url(img/imgRappel.png); height:27px;width:140px; background-repeat: no-repeat;cursor:pointer;position:absolute;top: 100%;left : auto;right : 10px;background-size : cover;transform : translateY(-35px);}
   
   .clsMenuBarreGauche{ position : absolute; top :30px; left : auto; right : 0px; height:40px; width: 290px;}
   .clsMenuBarreGaucheA{ position : absolute; top :30px; left : auto; right : 0px; height:40px; width: 290px;}
   
   
   .changerPositionMonCompte { position : absolute; left : auto;  right : 50vw;}
   
   
   .clsMenuTextePanier{ left : auto;right : 110px; top : 30px;}
   .clsMenuIconePanier{ height:31px;width:42px;  left : auto;right : 135px; top : 32px;}
   
   .clsMenuIconeMonCompte{ height:25px;width:29px; left : auto;right : 65px;top : 35px;}
   .clsMenuTexteMonCompte{font: 13px Rationale, Arial, Verdana, sans-serif; text-decoration: none;left : auto;right : 5px;top : 40px;}
   .clsMenuTexteMonCompteConnect {top : 50px !Important;left:auto;right : 10px;}
   .clsMenuTexteContact{right : -40px;height:25px;text-align:left; top : 30px;}
   .clsImgDeconnexion{top : 30px;right :85px;}
   .clsMonCompteXs{top : 50px; right : 80px;}
   
   .clsTitreH1{ font-size: 13px !important;line-height : 40px; left : 0px;background-image: url(img/rubanTitre.png);width:98vw !important;background-size : 100%;z-index : 9999;padding-left : 10px;background-repeat : no-repeat;}
   .leftTitreH1 {left : -40px !important;}
   .clsTitreH11{ font-size: 13px !important;line-height : 55px; left : -2vw !important;background-image: url(img/rubanTitre.png);width:98vw !important;background-size : 100%;z-index : 9998;padding-left : 10px; background-repeat : no-repeat;}
   .clsVignetteAvantage {background-image: url(img/vignette/lesPlusKitFilmSolaire.png);height:160px;width:150px; position:static !important;top : auto !important;left : auto !important;background-size : cover;}
   .kitbody {margin-top : 20px;margin-left : 50vw;margin-bottom : 20px;transform : translateX(-80px);}
   .clsVignetteSuiviColisBlanc{background-image: url(img/vignette/suiviColisBlanc.png); height:160px;width:150px; position:static;top : auto;left : auto;background-size : cover;}
   .clsVignettePaiementBlanc{background-image: url(img/vignette/paiementBlanc.png);height:160px;width:150px; position:static;top : auto;left : auto;background-size : cover;}
   .clsVignetteContact {height:160px;width:150px; position:static !important;top : auto !important;left : auto !important;background-size : cover;}
   
   
   .clsFondChoixKit { position : relative; width : 96vw; background-image: url(img/choixKit/fondChoix2.png); background-size : 100%;}
   .clsFondChoixKitInner {width:94vw;height:90px;}
   .clsChoixKitTitre{font-size : 14px;position:absolute;top:7vw;left:20px;cursor:pointer;text-align:center;}
   .conteneurClsFondChoixKitMarque {width:86vw;height:145px;position:relative; }
   .clsFondChoixKitMarque{background-image: url(img/choixKit/fondChoixMarque.png); height:110px;width : 92vw; background-size:cover;}
   .grandTableTeinte{width:92vw;text-align:left;}
   .clsText10 {width:94vw;text-align:left;position:relative;left:5px;}
   #fondChoicTeinteH{background:transparent url(img/choixKit/imgfondChoixTeinte.png) no-repeat top left;width:92vw;background-size : cover;}
   
   #fondChoicTeinteHprime{background:transparent url(img/choixKit/imgfondChoixTeinte.png) no-repeat top left;width:90vw;background-size : cover; margin-bottom : 500px;}
   
   
   #fondChoicTeinteB{background:transparent url(img/choixKit/imgfondChoixTeinte.png) no-repeat bottom left;width:92vw;background-size : cover;position:relative;}
   #fondChoicTeinteBprime{background:transparent url(img/choixKit/imgfondChoixTeinte.png) no-repeat bottom left;width:92vw;background-size : cover;position:relative;margin-bottom : 10px;}
   .traitRouge {width:89vw;border:1px solid #000;background-color:#8B0E1C;z-index:<%=205-i%>;-webkit-border-radius: 15;-moz-border-radius: 15;border-radius: 15px;}
   .tablePrecisionCommande {width:90vw;text-align:left;position:relative;left:5px;}
   
   .clsTextChoixKitMarque{font: 15px  Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;width:280px !important;}
   .clsTextChoixKitMarqueP{font: 15px  Rationale, Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none;width:280px !important;height : 60px !important;left:50% !important;transform: translateX(-50%); top : 155px !important; }
   .clsTextChoixKitMarque2{text-decoration: none;width:280px !important;}
   
   .divSelectComboBox {position :absolute; margin-top : 20px;left:50vw;transform : translateX(-60px);}
   .kitTrois {top:90px;left:100vw !important; transform: translateX(-220px);} 
   .kitDeux {left:100vw !important; transform: translateX(-220px);} 
   .kitUn {left:100vw !important; transform: translateX(-220px);} 
   .commKit {top:125px;left:100vw;transform: translateX(-195px);}
   .commKitPrime {top:125px;left:100vw;transform: translateX(-195px);}
   #fondPrixKit{width:88vw;height:140px;position:relative;}
   #divThermoformage{background:transparent url(img/choixKit/fondThermoformage2.png);width:90vw;height:40vw;position:relative;background-size:cover;}
   .clickInfoThermoformage { position:absolute;top:37vw;left:13vw;width:60vw;height:4vw;cursor:pointer; }
   .conteneurThermoformage {height:95px;width:83vw;overflow:hidden;border:0px solid #d90000;position:absolute;left:10px;top:20px;}
   .fontOptionsThermoformage {font:12px arial;color:#fff;padding-top:0px; max-width : 70vw;}
   #divInfoThermoformage {top:40vw;left:50%; transform : translateX(-150px);width:300px;height:80px;}
   #btnFermer { left : auto; right : 0vw;top:-1vw;}
   #fondRuban{background:transparent url(img/choixKit/fondRuban2.png) no-repeat top left;width:300px;height:30px;position:absolute;left:-10px;}
   #fondRubanText{font-size:16px;color:#dddde0;position:absolute;left:10px;top:2px;font-style : italic;}
   /*
   .clsFondFilmDecoupe{background-image: url(img/choixKit/fondFilmDecoupe.png);width:88vw;height:550px; background-size : cover; background-repeat: no-repeat;position:absolute;top:1090px;left:0vw ; margin-left : 3vw; z-index : 9999;}
   .clsFondFilmDecoupe2{background-image: url(img/choixKit/fondFilmDecoupe.png);width:88vw;height:550px; background-size : cover; background-repeat: no-repeat;position:absolute;top:1290px;left:0vw ; margin-left : 3vw; z-index : 9999;}*/
   .clsFondFilmDecoupeMobile{ background-image: url(img/choixKit/fondFilmDecoupe.png);width:320px;height:480px; background-repeat: no-repeat;}
    
    
   .clsVehicule{width:300px;height:175px;position:static;top:auto;left:auto;overflow:hidden;margin-top : 0px;}
   .hiddenBlock{display : none !important;}
   .hiddenBlockXs{display : block;}
   .ajoutMargeXs{margin-top : 25px !important;margin-bottom : 25px !important}
   .centreMobile {height : 500px !important;width : 100vw !important;display : block;}
   .adjustRowVignette{position : absolute; left : 50vw !important;transform : translateX(-180px) !important;z-index : 9999;}
   
   /************Panier **********************/
   
   .clsFondChoixKitTeinte{ width:92vw ;background-size : cover;margin-left : -1vw;}
   .clsFondChoixKitTeinteBas{width:91.9vw;height:130px !important; background-size : cover; margin-left : -1vw;}
   .tableauPanier2{width:300px !important;}
    .separationPanier{ width:88vw !important;}
     
    .clsVignetteFraisDePort{background-size : cover; height:80px;width:230px;left:49vw !important;transform : translateX(-115px) ;top : 110px !important;}
    .clsVignetteFraisDePort2{background-size : cover; height:52px;width:150px;left:50vw !important;transform : translateX(-160px) ;top : 80px !important;}
    .conteneurPanier{padding-top : 30px;left : 40vw;}
    .vignetteAvantagePanier{left:50vw !important;top : 70px;}
    .topVignettePanier1{top : 80px !important;}
    .topVignettePanier2{top : 200px !important;}
    .clsFondPanierBody{background-image: url(img/fondPanierBody3.png);width:100vw;background-size : cover;  }
    .separateurPanier{height:20px;}
    .ctckPanier{left : 88vw !important ;transform : translateX(-190px);}
    #divListeKit{width:320px;}
    .tablePanier {width : 92vw !important;margin-top : 150px;}
    .tablePanier2 {width : 92vw !important;margin-top : 30px;}
    .trDivKitPanier {width : 92vw !important}
    .placementBtnsPanier { top : 20px !important;}
    .adjusleftBtnPanier{left : auto !important; right : 15px !important;}
    .clsVignetteKitDePosePromo { top :200px !important; left :  50vw !important;width : 250px; height : 120px;background-size : cover;transform : translateX(-125px) }
    .margeSeparation {height : 200px !important;}
    .indicationFrance {top : 130px !important;width : 88vw !important;}
    .conteneurPanierButtons {height : 95px !important;margin-top : 70px;}
     .clsBtnAjouterKit{background-color:transparent;}
     #fenetreKitAbsent{ width : 98vw  !important;height : 34vw !important; margin : 0 auto;margin-left : 0px !important;left : 1vw !important ; background-size : cover !important;}
     #fenetreKitAbsent > div {width : 100% !important;}
     
     .ajoutKitPoseBtn{left : 1vw !important; top : 27vw !important;width : 35vw !important; height: 2vw;  }  
     .sansKitPoseBtn{left : 40vw !important; top : 27vw !important;width : 34vw !important; height: 2vw;  }  
     
     .clsBtnValiderPanier2 {left : -5px !important;}
    /*************************************************/
    
    .divAccueilFondRecherche { height : 36vw;}
      .clsAccueilFondRecherche{background-image: url(img/accueilFondRecherche.png); height:30vw;width:94vw; background-repeat: no-repeat;position:absolute;top:0px;left:0vw; background-size : cover;}
    .clsAccueilFondRechercheTexte{ height:5vw;width:58vw; position:absolute;top:17vw;left:10vw;font-size:18px;}
    
    .clsFondRecherche{background-image: url(img/accueilFondRecherche.png); height:30vw;width:93vw; left background-repeat: no-repeat;position:absolute;top:0px;left:3vw; background-size : cover;}
    .clsFondRechercheTexte{ height:5vw;width:58vw; position:absolute;top:17vw;left:10vw;font-size:18px;}
    .choixVignetteMarque {position:static !important;width:140px;height:140px;top:0;left : auto !important;display : block;}
    .divCommanderKit {position:relative;width:93vw;height:80px !Important;background-color:#fff;border:1px solid #C0BDBD;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;padding:10px;margin-bottom : 20px;}
    .clsTextMonCompteTitre{font: 18px  Rationale, Arial, Verdana, sans-serif;  color: #ffba00;  text-decoration: none;}
    .divTexteBodyKit {left : 140px !important;}
    .clsBtnCommanderKit {left : 120px !important;}
    .clsBtnPrecedent {left : auto !important; right: 10px;top : -275px !important; }
    .conteneurBodyKit{padding-left : 3vw !important; }
    
    /*****************Film découpe*******************************/
    
    .conteneurInfoKitDecoupe {width : 92vw !important;margin-top : 4vw;}
    .clsConseilQuestionImg{width:92vw;height:98px; background-repeat: no-repeat;background-size : 100%;}
    .clsConseilQuestionTexte { width : 90vw;  } 
    .conteneurFilmAuMetre { position : static !important; width : 98vw !important;margin-top : 0px !important; margin-bottom : 20px; text-align : center;}
    /*.conteneurFilmAuMetre > div {margin-right : 10vw; }*/
   .ajusteFilmDecoupe {color : white;background : none;font-size : 18px !important;line-height : 6vw !important; top : 6vw !important;left : 10px; width : 94vw !important;}
   
    .conteneurTitreDecoupe { width : 94vw !important; }
    .mobileLeft {left : 10px !important;}
    .ajusteFilmDecoupe2{ margin-left : -5px;}
    .clsConseilQuestionBouton {left : auto !important; right : 2vw !important;top : 15vw;}
    .filmDecoupeBtnValiderPanier{ top : 120px !important; transform : translateX(10px); }
    .filmDecoupeBtnValiderPanier2{left : auto !important;right : 2vw !important; top : 120px !important; }
    .ecartMobile20 { height : 50px !important;} 
    .clsTextChoixKitMarque3{left : 100px !important;width 150px !important;}
    .ajusterTailleVignette{ width : 38vw !important; height : 41vw !important;margin : 0; padding : 0;}
    /***********************************************************/
    
    .ajoutPadding{ padding : 20px !important;}

    .navbar-collapse {margin-top : -25px;}     /**** menu mible ajustement ****/
    
    .imgPaiementSecurise{width : 96%; height : auto;}
    
    .ajoutMargeAvantages{margin-bottom : 20px;margin-top : 20px;}
    
    .ajoutCompteTitre1{left : 50% !important;transform : translateX(-150px) ;}
    .ajoutCompteTitre2{left : 50% !important; transform : translateX(30px) ;}
    .ajusterDivConnexion{left : 50% !important;transform : translateX(-90px) ;}
    
    .clsFondBody{background-image: url(img/fondBody.png); width:100%;height : 750px; background-size : cover;}
    .clsFondBody2{background-image: url(img/fondBody.png); width:100%;height : 350px; background-size : cover;}
    .clsFondBody3{background-image: url(img/fondBody.png); width:100%;height : 860px; background-size : cover;}
    .clsClearFondBody {background-image: url(img/fondBody3.png); width:769px; height:710px;position:absolute}
    .conteneurConnexion {height : 750px !important;}
    
    .conteneurConnexion .clsChoixKitTitre{line-height : 30px;transform : translateY(-5vw) ;}
    
    /**************************Mon compte********************************/
    .compteTitreMobileAjust{ position : static !important;margin : auto;margin-bottom : 20px;left : auto; top :auto;z-index : 10000;}
    .conteneurLiensMonCompte{padding-top :100px !important;}
    .adjustKitTitre{top : 4vw;}
    .adjustKitTitre2{top : 9vw; font-size : 18px;}
    .adjustKitTitreProfil{top : 35px;}
    
    .bodyProfil{height : 720px;width : 100% !important; }
    .conteneurInfosProfil{left : 20px !important;}
    
    .adjustTableProfil{width : 400px !important; text-align : left !important; padding-left : 10px !important;}
    
    .adjustProfilButton{top : 610px !important; left : 160px !important;}
    
    .clsTextBox{font-size:14px; border:1px solid #CCCCCC; font-family: Calibri, Arial,Verdana, Times New Roman;margin:1px;width:82vw;height:90px;padding:3px; }
    .clsTextBox2{width:180px !important; }
    .clsTextBoxTextarea { width : 86vw !important;}
    .clsVille {width:100px !important;}
    .clsVille2 {width:95px !important;}
    .clsTextBox2Petit{width:50px !important; }
    .clsTextBox2Petit2{width:70px !important; }
     .widthLabel{width : 90px !important;}
     .widthLabel2{width : 90px !important;}
    .clsMonCompteCadreContactEtConnexion {width:300px;height:118px;}
    .tdColspan {text-align : left;font-size : 12px !important;}
    
    .clsMonCompteCadreAdresse {width:300px;height:270px;background-size : cover; padding : 10px !important;}
    
    .adaptVignetteTaille {width : 40vw; height: 33vw;}
    .adaptVignetteAvantage {width : 40vw; height: 41vw;}
    .adaptVignetteTailleContact {width : 40vw; height: 46vw;}
    .adjustCol6{margin-left : 6vw;}
     .tableMesCommandes{ width : 98vw !important;}
     .clsFondChoixKitTeinteMc{ width:100% ;background-size : cover;margin-left : -2.5vw;background-image: url(img/choixKit/fondChoixTeinteBas.png)}
     .adjustTableFact{width : 300px !important;}
     
     .adjustHeightMonCompte{height : 360px !important; margin-top : 0px;}
     .adjustHeightMonCompte2{height : 1030px !important; margin-top : 0px;}
     .clsFondBodyCompte{background-image: url(img/fondBody.png); width:100%;height : 1020px; background-size : cover;padding-top : 40px !important;}
     
     #divCreerCompte {left : 10px !important;}
     .alignMobile {align : left ! important;}
     .btnMonCompteSuiv {top : 585px !important; left : auto !important; right : 0px !important;}
     .clsErreurMobileCompte{left : 10px !important; top : 330px !important; widht : 90% !important;}
     
     .ajusterCompteTableauBord {top : 100px !important;}
     .ajusterCompteSection1 {top : 560px !important; left : 40px !important; }
     .ajusterCompteSection2 {top : 640px !important; left : 40px !important; }
     .ajusterCompteSection3 {top : 720px !important; left : 40px !important; }
     .ajusterCompteSection4 {top : 800px !important; left : 40px !important; }
     .ajusterCompteSection5 {top : 880px !important; left : 40px !important; }
     .ajusterCompteSection6 {top : 960px !important; left : 40px !important; }
    
     .clsFondChoixKitTeinteBasL2{min-height : 200px;height : auto; padding : 10px;}
    /*********************************************************************/
    
    /************************Choix reglement ***************************/
    
    .adjustComboBoxRegl{width : 290px !important;margin : 0 auto !important;}
    .adjustAdresse{width : 300px !important;}
    .conteneurChoixReglement{height : 1100px !important;background-size : cover !important;}
    .adjustFieldset{width : 300px !important;margin: 0 !important;margin-top : 80px !important;position :static !important;}
    .reglementAdjust{position : static !important;z-index:10000 !important;}
    .adjustFondRegl{background-size : 100% 60% !important;height : 1100px !important;z-index : 1 !important;background-color : white !important;}
     #divAdresseLivraison  div div{width : 100% !important;height : 90px !important;}
     #divAdresseLivraison  div div div div {width : 96% !important;height : 23px !important;}
     #divAdresseLivraison  div div div div:nth-child(2) {padding-top : 15px;}
     #divAdresseLivraison  table {width : 300px !important;}
     #divAdresseLivraison  select{width : 180px !important;}
     .paddingPetitleft{padding-left : 0px;}
     #divAdresseLivraison .clsBtnAjouterAdresse {width : 140px; height : 17px;background-size : cover;}
     #divAdresseLivraison .clsBtnModifierAdresse {width : 140px; height : 17px;background-size : cover;}
     #divAdresseLivraison table tr:nth-child(12) {height : 40px !important; vertical-align : top;}
     .adjustKitTitreRegl{top : 30px;}
     .conteneurChoixReglement{position : static;}
     .conteneurReglement{padding-left : 10px;}
     .adjustReglValider{position : absolute !important; top : 890px !important;left : 30px !important;}
     
     #fenetreMajAdresseContact{height:710px;overflow:hidden;width:300px !important;top:  300px !important;left: 50% !important;transform : translateX(-145px);text-align:justify;}
     #iframeMajAdresseContact {height:690px !important;}
     .btnFermerIframe {cursor:pointer;position:absolute !important;top : 10px !important;left : auto !important;right:0px !important;z-index : 10000;}
     .conteneurPaiement {width : 300px !important }
     .changeHeightMobile { height : 70px !important;}
     .changeHeightMobile2 { height : 310px !important;}
     
     .changeHeightMobile3 { height : 370px !important;}
     .changeHeightFondBodyMobile {height : 500px !important;}
     #card-element {width : 90% !important;}
     
     .imgVirement {width : 96%; height : auto;}
     .heightBodyMobile{ height: 480px !important;}
     .changeHeightFondPanierBody {height : 200px !important;}
     .changeHeightFondPanierBodyPaiement {height : 250px !important;}
    
    /********************************************************************/
    /****************CONTACT****************/
    .conteneurContact {width : 100% !important; height : 900px !important;}
    .adjustNousContacter {color : white;background : none;font-size : 18px !important;line-height : 30px !important; top : 30px !important;left : 10px; width : 94vw !important;}
    /*****************************************/
    
    .majFontSizeH1{font-size : 18px !important;}
    .correctionH1{line-height : 60px;height : 60px;top:0px !important;left : -10px !important;padding-left : 20px !important;}
    .correctionH12{line-height : 40px;height : 40px;top:0px !important;left : -10px !important;padding-left : 20px !important;}
    .adjustH1PgConn {line-height : 70px !important;}
    .marginTopXs {margin-top : 10px;}
    
    #fenetreMdpOublie{width : 88% !important; height : 150px !important;left : 6% !important;}
    #fenetreMdpOublie iframe {width : 98% !important;height : 140px !important;}
    .changeTopMobileContact{margin-top : 50px !important;}
    .changeTopMesssageMobileContact{top : 95px !important;left : 20px !important}
    .positionStatic {position : static !important; left : auto !important; top : auto !important ; width : 92% !important; margin : 10px !important;}
    
    /************* Sd commander kit *************************************/
    
    .clsTeinte70{background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:74px;background-position:  -68px -17px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte35{background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:57px;background-position:  -51px -17px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte20{background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:40px;background-position:  -34px -17px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte15{background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:23px;background-position:  -17px -17px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte5 {background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:6px;background-position:  0px -17px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte70Selected{background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:74px;background-position:  -68px 0px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte35Selected{background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:57px;background-position:  -51px 0px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte20Selected{background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:40px;background-position:  -34px 0px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte15Selected{background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:23px;background-position:  -17px 0px;background-repeat: no-repeat;cursor:pointer}
    .clsTeinte5Selected {background-image: url(img/choixKit/teinteVehicule2.png);width:17px;height:17px;position:absolute;top:4px;left:6px;background-position:  0px 0px;background-repeat: no-repeat;cursor:pointer}
    
    .clsBarreChoixTeinte{background-image: url(img/choixKit/barreChoixTeinte.png); width:89px;height:15px; background-repeat: no-repeat;position:absolute;top:7px;left:0px}
    .tdChoixTeinte { width : 70px !important;}
    .tdHpFilm {vertical-align : middle;}
    
    /*.clsTextItemChoixKitTeinte{font: 13px   Arial, Verdana, sans-serif;  color: #fff;  text-decoration: none; writing-mode: vertical-rl; text-orientation: sideways;}*/
    
    #libTeinte1 {writing-mode: vertical-rl; text-orientation: sideways;padding-left : 5px;}
    #libTeinte2 {writing-mode: vertical-rl; text-orientation: sideways;padding-left : 5px;}
    #libTeinte3 {writing-mode: vertical-rl; text-orientation: sideways;padding-left : 5px;}
    #libTeinte4 {writing-mode: vertical-rl; text-orientation: sideways;padding-left : 5px;}
    #libTeinte5 {writing-mode: vertical-rl; text-orientation: sideways;padding-left : 5px;}
    #libTeinte6 {writing-mode: vertical-rl; text-orientation: sideways;padding-left : 5px;}
    #libTeinte7 {writing-mode: vertical-rl; text-orientation: sideways;padding-left : 5px;}
    /**********************************************************************/
    
  }
  
  /** fin mobile **/
  
  
  