﻿.texteTable
{
	color:#000000;
	text-align:justify;	
	font: 12px arial;
}

.texteTable a:link
{
	color: #000000;	
	text-decoration: none;
}

.texteTable a:visited
{
	color: #000000;	
	text-decoration: none;
}

.texteTable a:hover
{
  color: #6F9AD1;
	color: #F15A22;	
	text-decoration: none;
}

.texteTable a:active 
{
	color: #F15A22;	
	text-decoration: underline;
}
.bold
{
    font-family: arial;
    font-style: normal;
    font-variant: normal;
    font-size: 14px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-weight: bold;
}


.titreMontage
{
	font: 16px arial;
	font-weight: bold;
	color: #0066B3;	
}

.minipanelPneus
{
    background-image:url('../img/pneus/fdForm03.png');
     background-repeat:no-repeat;
     width:135px;
     padding-left:5px;
      padding-top:5px;
       vertical-align:top;
        height:56px;
}

.montageTable
{
	color:#000000;
	text-align:left;	
	font: 12px arial;
}

.greyTable
{
	background-color: #CDCCCC;
	border-color: #CDCCCC;
	border-style: solid;
}

.whiteTableMontage
{
	background-color: #FFFFFF;
	border-top-color: #0066B3;
	border-bottom-color: #0066B3;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	
}

.printTable
{
	color:#000000;
	text-align:left;	
	font: 14px arial;
}

.ValidatePanel
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    _height: 4000px;
    z-index: 999;
    background-image: url(../img/backTransp.png);
    background-repeat: repeat;
}

.validator
{
    border-style: none;
    border-width: 1px;
    font-weight: bold;
    color: Orange;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

a.tooltip em span
{
 
    position: absolute;
    right: 0px;
   display: block;
    text-align: justify;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}

a.tooltip em
{
  display: none;
}
a.tooltip:hover 
{
     position: relative;
   border:none;
     right:-3px;
}
a.tooltip:hover em
{
    display: inline-block;
    position: relative;
    text-align: justify;
    text-decoration: none;
    font-style: normal;
    width: 0px;
    height: 0px;
  
}

a.ZoomImg em
{
  display: none;
}
a.ZoomImg:hover 
{
   
   border:none;
  
}
a.ZoomImg:hover em span
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    text-align: justify;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

a.ZoomImg:hover em
{
    display: inline-block;
    position: relative;
    text-align: justify;
    text-decoration: none;
    font-style: normal;
}


/*  Elements classiques */
body
{
    background-image: url("../img/fd.png");
    background-position: fixed;
    background-position: top center;
    background-color: #828282;
    background-repeat: repeat-x;
    font: 12px arial;
    margin: 0;
    padding: 0;
    max-height: 2000px;
    max-width: 2000px;
}


/*  Class  */

.cadenasPro
{
    height: 36px;
    width: 71px;
    position: absolute;
    left: -60px;
    top: 90px;
}





.pubDiv
{
    position: relative;
    margin: 0;
    height: 145px;
    width: 976px;
}

.banFlash
{
    height: 120px;
    width: 500px;
    position: absolute;
    left: 230px;
    top: 5px;
}


/* menu principal et gestion des roll overs*/

.menuBack
{
    width: 975px;
    height: 45px;
    background-image: url("../img/menuFd.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
}

.menu
{
    margin-left: 10px;
    width: 975px;
    height: 45px;
    position: relative;
}

.btMenuPiece
{
    position: absolute;
    left: 0px;
    top: 15px;
}

.btMenuPiece a
{
    display: block;
    width: 120px;
    height: 30px;
    background-image: url("../img/menutBtPieces.png");
    background-position: top left;
    _behavior: url(./App_Themes/default/css/iepngfix.htc);
}

.btMenuPneu
{
    position: absolute;
    left: 120px;
    top: 15px;
}

.btMenuPneu a
{
    display: block;
    width: 120px;
    height: 30px;
    background-image: url("../img/menutBtPneus.png");
    background-position: top left;
    _behavior: url(./App_Themes/default/css/iepngfix.htc);
}

.btMenuMontage
{
    position: absolute;
    left: 240px;
    top: 15px;
}

.btMenuMontage a
{
    display: block;
    width: 120px;
    height: 30px;
    background-image: url("../img/menutBtMontage.png");
    background-position: top left;
    _behavior: url(./App_Themes/default/css/iepngfix.htc);
    
}

.btMenuPro
{
    position: absolute; /*left:360px;*/
    left: 360px;
    top: 15px;
   
}

.btMenuPro a
{
    display: block;
    width: 120px;
    height: 30px;
    background-image: url("../img/menutBtPros.png");
    background-position: top left;
    _behavior: url(./App_Themes/default/css/iepngfix.htc);
}

.btMenuPiece a:hover, .btMenuPneu a:hover, .btMenuMontage a:hover, .btMenuPro a:hover
{
    background-position: 0 -31px;
    _cursor:hand;
}

.btMenuPiece a:active, .btMenuPneu a:active, .btMenuMontage a:active, .btMenuPro a:active
{
    background-position: 0 -62px;
    _cursor:hand;
}

.btMenuCompte
{
    position: absolute;
     left: 780px;
  
    top: 10px;
}

.btMenuCompte a
{
    display: block;
    width: 100px;
    height: 30px;
    background-image: url("../img/menuBtCompte.png");
    background-position: top left;
      _behavior: url(./App_Themes/default/css/iepngfix.htc);
    
}

.btMenuPanier
{
    position: absolute;
     left: 680px;
    top: 10px;
}

.btMenuPanier a
{
    display: block;
    width: 100px;
    height: 30px;
    background-image: url("../img/menuBtPanier.png");
    background-position: top left;
    _behavior: url(./App_Themes/default/css/iepngfix.htc);
}

.btMenuContact
{
    position: absolute;
    left: 880px;
    top: 10px;
}

.btMenuContact a
{

    background-image: url("../img/menuBtContact.png");
    
    display: block;
    width: 80px;
    height: 30px;
    background-position: top left;
      _behavior: url(./App_Themes/default/css/iepngfix.htc);
}

.btMenuCompte a:hover, .btMenuPanier a:hover, .btMenuContact a:hover
{
    background-position: 0 -30px;
   _cursor:hand;
}

.btMenuCompte a:active, .btMenuPanier a:active, .btMenuContact a:active
{
    background-position: 0 -60px;
     _cursor:hand;
}

.btPlusInfo
{
    height: 20px;
}

.btPlusInfo a
{
    display: block;
    width: 60px;
    height: 20px;
    background-image: url("../img/btPlusInfo.png");
    background-position: top left;
      
}

.btPlusInfo a:hover
{
    background-position: 0 -20px;
}

.btPlusInfo a:active
{
    background-position: 0 -40px;
}




/*  ombres pour fond contenu  Principal*/

.contenuHaut
{

    background-image: url("../img/ombreContenuHaut.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
      _background-image: none;
         _background-color:White;
}

.contenu
{
    background-image: url("../img/ombreContenu.png");
    background-position: top center;
    background-repeat: repeat;
    background-color: Transparent;
     _background-image: none;
         _background-color:White;
}

.contenuBas
{
    background-image: url("../img/ombreContenuBas.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
    _display:none;

}

/*  mise en forme texte */
.textAccueil
{
    color: #BABABA;
    text-align: left;
    margin-left: 15px;
    font: 12px arial;
}

.formSearch
{
    margin-right: 20px;
}

.HeaderGrid
{
    text-transform: uppercase;
    color: White;
    background-color: black;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    background-image: url("../img/bandeitem.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
}

.th
{
    background-image: url("../img/bandeitem.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
    color: #ffffff;
    background-color: #6d6f71;
}
/* item */

.item
{
    background-image: url("../img/bandeitem.png");
    background-position: top center;
    background-repeat: no-repeat;
    color: #ffffff;
    background-color: #6d6f71;
    text-align: left;
    font: 12px arial;
    font-weight: bold;
    border: solid 2px white;
    height: 20px;
}
.ItemStyle-CssClassHeader
{
    text-transform: uppercase;
    color: #F15A22;
    font-size: 17px;
    font-weight: bold;
}
.itemalternative
{
    background-image: url("../img/bandeitemalternative.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
    background-color: #414142;
    color: #ffffff;
    text-align: left;
    font: 12px arial;
    font-weight: bold;
    border: solid 2px white;
    height: 20px;
}

.itemalternative a:link, .item a:link
{
    color: #ffffff;
    text-decoration: none;
}

.itemalternative a:visited, .item a:visited
{
    color: #ffffff;
    text-decoration: none;
}
.itemalternative a:hover, .item a:hover
{
    color: #F15A22;
    text-decoration: none;
}
.itemalternative a:active, .item a:active
{
    color: #F15A22;
    text-decoration: underline;
}



/*  liens pour les liens de rappel bas de page  */

.linkBottom
{
    color: #659BD2;
    font: 14px arial;
    font-weight: bold;
}


.linkBottom a:link
{
    color: #659BD2;
    text-decoration: none;
}

.linkBottom a:visited
{
    color: #659BD2;
    text-decoration: none;
}
.linkBottom a:hover
{
    color: #659BD2;
    text-decoration: underline;
}
.linkBottom a:active
{
    color: #659BD2;
    text-decoration: underline;
}






.radio
{
    border: none;
    border-color: #000000;
    color: White;
    display: block;
}


.tableHeader
{
    color: White;
    background-color: Black;
    border: solid 1px White;
}

.tableContent
{
    color: Black;
    background-color: White;
    border: solid 1px Black;
}
.ItemStyle-CssClassTable
{
    border: solid 1px Gray;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    width: 700px;
}
.ItemStyle-CssClassgrid
{
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}

.square
{
    width: 10px;
    height: 10px;
    background-color: Black;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}
.minisquare
{
    width: 5px;
    height: 5px;
    float: left;
    margin-right: 5px;
    background-color: Black;
    margin-left: 10px;
    margin-top: 5px;
}
.ItemStyle-CssClass
{
    vertical-align: top;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
}
.ShortcutHeader
{
text-align:left ;

height:65px;
 vertical-align:top;
}
.ArtgenContent
{
 background-color:#dee1ff;
 vertical-align: top;
 vertical-align: top;  
  width:220px;

}

.ArtgenItem
{

padding-left:20px;

}
.ArtgenTitle
{
 background-color:White;
 vertical-align: top;
 vertical-align: top;  
  width:100%;

}
.ItemStyle-CssClass2
{

  /* border: solid 1px Gray;*/
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    width:216px;
     
     
  /*  height: 200px;*/
  /*  overflow: auto;*/
    text-align:left;
  /*  border: solid 1px Gray;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
 
  
    text-align:left;*/
}
.Growl
{
    color: Black;
    display: none;
    position: absolute;
}





a
{
    border: solid 0px transparent;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a:hover
{
  color: #6F9AD1;
    text-decoration: none;
}

td, tr, h1, h2, h3, h4, h5
{
    letter-spacing: 0;
}
h1, h2, h3, h4, h5, form
{
    display: inline;
}

h1 span, h2 span, h3 span, h4 span, h5 span
{
   display: none;
}



img.plan
{
    max-width: 500px;
    width: expression( this.width > 500 ? 500 : true );
}
img.vignette
{
    max-width: 700px;
    width: expression( this.width > 120 ? 120 : true );
}



.divcontent
{
    width: 975px;
    background-color: Transparent;
    vertical-align: text-bottom;
}



.title
{
    font-size: 14px;
    text-align: justify;
    color: #000000;
}

.subtitle
{
    text-align: justify;
    font-weight: bold;
    color: #000000;
}

.subtitleNoImg
{
    text-align: justify;
    font-weight: bold;
    color: #000000;
}

a.DetailStyle
{
    border: solid 0px transparent;
    background-image: url(../buttons/minibuttonblue.png);
    background-repeat: no-repeat;
    background-position: bottom;
    font-size: 40px;
    text-decoration: none;
     _behavior: url(./App_Themes/default/css/iepngfix.htc);
}

a.DetailStyle:hover
{
    background-image: url(../buttons/minibuttonblueactive.png);
}

a.DetailStyle span
{
    display: none;
    font-size: 12px;
}

a.DetailStyle:hover span
{
    display: block;
    position: relative;
    float: left;
}

.ficheTable
{
    color: #000000;
    text-align: left;
    font: 14px arial;
    font-weight: bold;
}

.ficheTable a
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.ficheTable a:visited
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.ficheTable a:hover
{
    color: #F15A22;
    font-weight: bold;
    text-decoration: underline;
}

.ficheTable a:active
{
    color: #F15A22;
    font-weight: bold;
    text-decoration: underline;
}


.listProdTable, .ficheProdTable
{
    text-align: center;
}

.listProdTable .greyListProd
{
    background-color: #CDCCCC;
    border-color: #CDCCCC;
    border-style: solid;
}

.listProdTable .greyListProd a:link
{
    color: #F15A22;
    font: 16px arial;
    font-weight: bold;
    text-decoration: none;
}

.listProdTable .greyListProd a:hover
{
    text-decoration: underline;
}

.listProdTable .whiteListProd
{
    background-color: #FFFFFF;
    border: solid 1px #F15A22;
  
}
.listTable td
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.titreItem
{
    font: 14px arial;
    color: #F15A22;
    font-weight: bold;
}

.listTable
{
    color: #000000;
    font: 12px arial;
}

.listTable tr
{
    height: 10px;
}


.recapTable
{
    border: thin solid;
    border-color: #F15A22;
}

.recapTable .titre
{
    text-align: left;
    background-color: #CDCCCC;
    padding-left: 5px;
}

.recapTable .titreAlt
{
    text-align: left;
    background-color: #FFFFFF;
    padding-left: 5px;
}


.recapTable .content
{
    border-top-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-color: #CDCCCC;
}




img
{
    border: 0px;
}


/*panier*/
.validTable
{
    color: #000000;
    text-align: center;
    font: 8px arial;
}




.validTable .titreValideTable
{
    color: #FFFFFF;
    font-weight: bold;
    font: 14px arial;
    text-align: center;
    background-image: url("../img/bandeItemAlternative.png");
    background-position: top center;
 height:55px;
    background-repeat: repeat-x;
   /* background-color: #939598;*/
   background-color: #ffffff;
          border-left:solid   1px #FFFFFF;
      border-right:  solid   1px #FFFFFF;
    
}

.validTable .piedValideTable
{
    color: #FFFFFF;
    font-weight: bold;
    font: 14px arial;
    background-image: url("../img/bandeItemAlternative.png");
    background-position: bottom center;
    background-repeat: repeat-x;
    background-color: #939598;
}

.validTable .infoValideTableGrey
{
    background-color: #CDCCCC;
 z-index:88;

}
.validTable  td
{
  border : solid 1px white;

}
.validTable .borderleftValideTable
{
    z-index:89;
    border-spacing : 15px;
    border: solid 1px rgb(241, 90, 34);
     border-left-width:  2px ;
      border-right-width:  2px ;
    font-family: arial;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    font-weight: bold;  
}
/*
border: thin solid rgb(241, 90, 34);
vertical-align: middle;
color: rgb(205, 204, 204); 
font-family: arial;
font-style: normal; 
font-variant: normal;
font-size: 15px; 
line-height: normal;
font-size-adjust: none; 
font-stretch: normal;
-x-system-font: none;
font-weight: bold;
text-align: center;
    */
.validTable .colorcell
{
    background-color: rgb(205, 204, 204);
    font-family: arial;
    font-style: normal;
    font-variant: normal;
    font-size: 14px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(241, 90, 34);
    font-weight: bold;
    
}
.adresseTable
{
    color: #000000;
    text-align: left;
    font: 12px arial;
}

.paiementTable
{
    color: #000000;
    text-align: center;
    font: 12px arial;
    vertical-align: top;
}

.validTable a:link
{
    text-decoration: none;
}

.validTable a:visited
{
    color: #000000;
    text-decoration: none;
}

.validTable a:hover
{
    color: #F15A22;
    text-decoration: underline;
}

.validTable a:active
{
    color: #F15A22;
    text-decoration: underline;
}

/*boutons formulaire */


.btFormPlus, .btFormMoins, .btFormArrow
{
    height: 20px;
     _behavior: url(./App_Themes/default/css/iepngfix.htc);
}

.btFormPlus a
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../img/btPlusForm.png");
    background-position: top left;
}

.btFormGo a
{
	display:block;
	width:34px;
	height:30px;
	background-image: url("../img/btGo.png");
	background-position: top left;
}


.btFormMoins a
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../img/btMoinsForm.png");
    background-position: top left;
}
.btDeconnexionSmall a
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../img/btDeconnexionSmall.png");
    background-position: top left;
}
.btFormArrow a
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../img/btArrowForm.png");
    background-position: top left;
}
.btChangerVehicule a
{
    display: block;
    width: 140px;
    height: 20px;
    background-image: url("../img/btChangerVehicule.png");
    background-position: top left;
}

.btFormPlus a:hover, .btFormMoins a:hover, .btFormArrow a:hover, .btChangerVehicule a:hover, .btDeconnexionSmall a:hover
{
    background-position: 0 -20px;
}

.btFormPlus a:active, .btFormMoins a:active, .btDeconnexionSmall a:active, .btChangerVehicule a:active, .btFormArrow a:active
{
    background-position: 0 -40px;
}

.btFormDelete
{
    height: 25px;
}

.btFormDelete a
{
    display: block;
    width: 25px;
    height: 25px;
    background-image: url("../img/btDelArticle.png");
    background-position: top left;
}

.btFormDelete a:hover
{
    background-position: 0 -25px;
}

.btFormDelete a:active
{
    background-position: 0 -50px;
}

.btFormContinuer, .btValidCommande,.btFormRecherchePneu
{
    height: 30px;
}

.btFormContinuer a
{
    display: block;
    width: 120px;
    height: 30px;
    background-image: url("../img/btContinuer.png");
    background-position: top left;
}

.btRetour a
{
    display: block;
    width: 100px;
    height: 30px;
    background-image: url("../img/btRetour.png");
    background-position: top left;
}

.btPoursuivreAchat a
{
    display: block;
    width: 200px;
    height: 30px;
    background-image: url("../img/btPoursuivreAchat.png");
    background-position: top left;
}
.btSuiviCommande a
{
    display: block;
    width: 180px;
    height: 30px;
    background-image: url("../img/btSuiviCommande.png");
    background-position: top left;
}
.btValidCommande a
{
    display: block;
    width: 200px;
    height: 30px;
    background-image: url("../img/btValiderCommande.png");
    background-position: top left;
}
.btFormRecherchePneu a
{
    display: block;
    width: 135px;
    height: 30px;
    background-image: url("../img/pneus/btSearchFormPneu.png");
    background-position: top center;
}
.btFormModifier a
{
    display: block;
    width: 115px;
    height: 30px;
    background-image: url("../img/btModifier.png");
    background-position: top left;
}

.btFormConnection a
{
    display: block;
    width: 115px;
    height: 30px;
    background-image: url("../img/btConnection.png");
    background-position: top left;
}

.btFormEnvoyer a
{
    display: block;
    width: 105px;
    height: 30px;
    background-image: url("../img/btEnvoyer.png");
    background-position: top left;
}

.btAccueil a
{
    display: block;
    width: 85px;
    height: 30px;
    background-image: url("../img/btAccueil.png");
    background-position: top left;
}

.btEnregistrer a
{
    display: block;
    width: 145px;
    height: 30px;
    background-image: url("../img/btEnregistrer.png");
    background-position: top left;
}

.btFermer a
{
    display: block;
    width: 85px;
    height: 30px;
    background-image: url("../img/btFermer.png");
    background-position: top left;
}


.btFormContinuer a:hover, .btValidCommande a:hover, .btFormModifier a:hover, .btFormEnvoyer a:hover, .btFormConnection a:hover, .btRetour a:hover, .btSuiviCommande a:hover, .btEnregistrer a:hover, .btAccueil a:hover, .btFermer a:hover, .btFormRecherchePneu a:hover,.btFormGo a:hover, .btPoursuivreAchat a:hover
{
    background-position: 0 -30px;
}

.btFormContinuer a:active, .btValidCommande a:active, .btFormModifier a:active, .btFormEnvoyer a:active, .btFormConnection a:active, .btRetour a:active, .btSuiviCommande a:active, .btEnregistrer a:active, .btAccueil a:active, .btFermer a:active, .btFormRecherchePneu a:active,.btFormGo a:active, .btPoursuivreAchat a:active
{
    background-position: 0 -60px;
}




/*boutons plus ou moins details */
.btPlusDetails, .btMoinsDetails,.btPlusDetailsPneu
{
    height: 20px;
}

.btPlusDetails a,.btPlusDetailsPneu a,.btMoinsDetails a
{
    display: block;
    width: 80px;
    height: 20px;
    background-image: url("../img/btPlusDetails.png");
    background-position: top left;
     _behavior: url(./App_Themes/default/css/iepngfix.htc);
}

.btPlusDetailsPneu a
{
    background-image: url("../img/pneus/btPlusDetailPneu.png");

}

.btMoinsDetails a
{
    background-image: url("../img/btMoinsDetails.png");
}



.btPlusDetails a:hover, .btMoinsDetails a:hover,.btPlusDetailsPneu a:hover
{
    background-position: 0 -20px;
    _cursor:hand;
}

.btPlusDetails a:active, .btMoinsDetails a:active,.btPlusDetailsPneu a:active
{
    background-position: 0 -40px;
     _cursor:hand;
}


.btPlusDetailMontage
{
	height:20px;	
}

.btPlusDetailMontage a
{
	display:block;
	width:80px;
	height:20px;
	background-image: url("../img/montages/btPlusDetailMontage.png");
	background-position: top left;
	 *behavior: url(./App_Themes/default/css/iepngfix.htc);
	
}


.btPlusDetailMontage a:hover
{
	background-position: 0 -20px;
	 _cursor:hand;
}

.btPlusDetailMontage a:active
{
	background-position: 0 -40px;
	 _cursor:hand;
}
/*fin panier*/

/*
titres
*/
.linkOrangeLight
{
	color:#EE7F00;
	font: 11px arial;
	font-weight: bold;
}

.linkOrangeLight a
{
	text-decoration: none;
	color:#EE7F00;
	font-weight: bold;
	
}

.linkOrangeLight a:hover
{
	text-decoration: underline;
	color:#EE7F00;
	font-weight: bold;
	
}
.linkBlueLight
{
	color:#6F9AD1;
	font: 11px arial;
	font-weight: bold;
}

.linkBlueLight a
{
	text-decoration: none;
	color:#6F9AD1;
	font-weight: bold;
	
}

.linkBlueLight a:hover
{
	text-decoration: underline;
	color:#6F9AD1;
	font-weight: bold;
	
}
.titreOrange
{
    font-family:Tahoma;
    color: #F15A22;
    font: 18px arial;
    font-weight: bold;
  
}

a.titreOrange, a.sousTitreOrange
{ font-family:Tahoma;
    text-decoration:none;
}
a.titreOrange :hover,a.sousTitreOrange :hover
{ font-family:Tahoma;
color: #6F9AD1;
 text-decoration:none;
 cursor:hand;
}


.titreBleu
{
 font-family:Tahoma;
    color: #6F9AD1;
    font: 18px arial;
    font-weight: bold;
   
}


.sousTitreOrange
{
 font-family:Tahoma;
    color: #F15A22;
    font: 13px arial;
    font-weight: bold;
}




.sousTitreBleu
{
    color: #6F9AD1;
    font: 13px arial;
    font-weight: bold;
}

.titreVert
{
	color: #4AA937;	
	font: 18px arial;
	font-weight: bold;
}
.titreGris
{
    width:100%;
    background-color: rgb(205, 204, 204); 
    font-family: arial;
     font-style: normal;
     
                        font-variant: normal;
                         font-size: 12px; 
                         line-height: normal;
                          font-size-adjust: none;

                        font-stretch: normal; 
                        -x-system-font: none;
                         font-weight: bold;
                          text-align: left;
}
.sousTitreVert
{
	color: #4AA937;	
	font: 13px arial;
	font-weight: bold;
}
.titre, .titrePneus, .titrePro
{
  font-family: arial;
  font-style: normal;
  font-variant: normal;
      
  line-height: normal;
  font-size-adjust: none; 
  font-stretch: normal;
  -x-system-font: none;
  font-weight: bold;
  
}
.titre
{
    color: rgb(241, 90, 34);
}

.titrePneus
{
    color: #4AA937;	
}

.sousTitreNoir
{
    color: #000000;
    font: 13px arial;
    font-weight: bold;
}

.sousTitreNoirUnder
{
    color: #000000;
    font: 13px arial;
    font-weight: bold;
    text-decoration: underline;
}

.texteItalique
{
    color: #000000;
    font: 11px arial;
    font-style: italic;
}

.titreAide
{
    color: #000000;
    font: 18px arial;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 5px;
}


/*** tableau de resultat **/
.resultPneu
{
	color:#000000;
	text-align:center;	
	font: 8px arial;
}


.resultPneu .titreResultPneu
{
	color: #FFFFFF;
	font-weight: bold;	
	font: 14px arial;
	text-align: center;
	background-image: url("../img/bandeItemAlternative.png");	
	border-left-style: solid;	
	border-left-width: thin;	
	border-left-color: #FFFFFF;
	
}

.resultPneu .titreResultPneu
{
	color: #FFFFFF;
	font-weight: bold;	
	font: 14px arial;
	background-image: url("../img/bandeItemAlternative.png");	
		
}

.resultPneu .infoResultPneuGrey
{
	background-color: #CDCCCC;		
	border-left: thin solid #FFFFFF;
}

/*boutons tri */
.btTriUpPneu,
.btTriDownPneu
{
	height:10px;	
}

.btTriUpPneu a
{
	display:block;
	width:10px;
	height:10px;
	background-image: url("../img/pneus/btArrowTriUp.png");
	background-position: top left;
}

.btTriDownPneu a
{
	display:block;
	width:10px;
	height:10px;
	background-image: url("../img/pneus/btArrowTriDown.png");
	background-position: top left;
}


.btTriUpPneu a:hover,
.btTriDownPneu a:hover
{
	background-position: 0 -10px;
}

.btTriUpPneu a:active,
.btTriDownPneu a:active
{
	background-position: 0 -20px;
}


/*exclure de corps.css les classses css utilisant la  position fixe (incomptatible dans ie6)
les implémenter dans la classe corps_spec_old*/
.calquePro
{
       height: 45px;
    width: 161px;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 100;
    
     
     _position: absolute;
    _top: 100px;
   _right:0px;
    _z-index: 9999;
}

.pub
{
   
    background-image: url("../img/barreHaut.png");
 
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;    
    
    _position:relative;
    _left:10px;
    _background-image: none;
    _background-position: top center;
    _background-repeat: no-repeat;
    _background-color: Transparent;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./App_Themes/default/img/barreHaut.png');
}

.pubPro
{
    background-image: url("../img/pro/barreHaut.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
    
     _position:relative;
   _background-image: none;
   _left:10px;
    _background-position: top center;
   _background-repeat: no-repeat;
   _background-color: Transparent;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./App_Themes/default/img/pro/barreHaut.png');
}

.pubPneus
{
    background-image: url("../img/pneus/barreHaut.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
    
    _position:relative;
   _background-image: none;
    _left:10px;
   _background-position: top center;
    _background-repeat: no-repeat;
    _background-color: Transparent;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./App_Themes/default/img/pneus/barreHaut.png');
}

.pubMontages
{
    background-image: url("../img/montages/barreHaut.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: Transparent;
    
    _position:relative;
   _background-image: none;
    _left:10px;
    _background-position: top center;
    _background-repeat: no-repeat;
    _background-color: Transparent;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./App_Themes/default/img/montages/barreHaut.png');
}

.loadingpopup
{
    color: Black;
    display: none;
    z-index: 999;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 50px;
    margin-top: -100px;
    margin-left: -60px;
    
 
     _position: absolute;
    _width: 200px;
    _height: 200px;
    margin-top: -100px;
    _margin-left: -100px;
    _top: 250px;
}

.divpopup
{

    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-image: url(../img/backTransp.png);
    background-repeat: repeat;
    display: none;
    
     _position: absolute;
     _width: expression(document.body.offsetWidth);
     _height: expression(document.body.offsetHeight);
     _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight);   
      
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000);
     _background:transparent ;
}

.loadtitle
{
    font: 12px arial; 
    font-weight:bold;
    color:#F15A22;
   
}

.divpopup .dialogC
{
    position: absolute;
    
    width: 600px;
    height: 200px;
  
    color: Black;
    z-index: 999;
 
    left: 50%;
    top: 10%;
     bottom:10px;
    width: 600px;
    height: 200px;

    margin-left: -300px;
    _left: 0px;
   
    _margin-left:0px;
   _position: relative;
   _width: 700px;
   _top:10px;
}

.divpopup iframe
{
	_display:none;
	 _display:block;
	_position:absolute;
	_top:0;
	_left:0;
	_z-index:-1;
	_filter:mask();
	_width:3000px;
	_height:3000px;
}

.divpopup  iframe.internalframe 
{
    _display:block;

   _filter:Mask(color=#00CC00);
	position:relative;
	_top:0;
	_left:0;
	_z-index:9999;
	_filter:none;
	_width:310px;
	_height:165px;
	width:310px;
	height:165px;
}

/*fixe ie6*/
img,div

{
       _behavior: url(./App_Themes/default/css/iepngfix.htc);
}


table,tr, td
{
border-style:none;
}
