#body{
		background-color: #F7F7FB;
      font-family: Arial, Helvetica, sans-serif;
    clear:left;
    width:1024px;
    background-image: url(/style/fond2011.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-left: auto;
    margin-right: auto;

}

.cadreInputNew {
    background-color: #EBEDFE;
    color: #0B1FD2;
    font-size: small;
    font-weight: normal;
}

.vu {
    color:#008000;
    font-weight: bold;
    font-size:medium ;
}

.cadreSelectInputNew {
    color: #A3150E;
    background-color: #FFFFC0;
    font-size: small;
    font-weight: bold;
}

#menuSite
{
    clear:left;
    float:left;
    width:200px;
    background-color: #F7F7FB;
    border-right: 2px solid #a52a2a;
    border-top: 2px solid #a52a2a;
    border-bottom: 2px solid #a52a2a;
}

.menuGauche
{
    clear:left;
    float:left;
    width:194px;
    padding-top: 20px;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
}

.menuGauche ul
{
    clear:left;
    list-style:none;
    font-family: Arial, Helvetica, sans-serif;
    padding-left:0px;
    margin-left:0px;
    padding-top:0px;
    margin-top:0px;

}
.menuGauche li{
    list-style:none;
    float:left;
    clear:left;

    font-size:14px;
    width:200px;
    height:24px;
    font-weight:bold;
    color:#000000;
    background-color:#4483C9;
    text-decoration:none;
}

.menuGauche a,.menuGauche a:visited,.menuGauche a:link {
    text-decoration:none;
    padding-left: 20px;
    height:20px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align:left;
    font-weight:normal;
    color:#FFFFFF;
    display:block;
    background-color:#4483C9;
    background-repeat: no-repeat;
    background-image: url(/style/pucesDNS.gif);
    background-position: left center;
}

.menuGauche a:hover{
    background-image: url(/style/pucesDS.gif);
    background-color: #FF0000;
    font-weight:bold;
    color:#FFFF00;
    border-top:1px solid #FFFF00;
    border-bottom:1px solid #FFFF00;
    text-decoration:none;
    height:20px;
    padding-top: 1px;
    padding-bottom: 1px;
    display:block;
}

#site
{

    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(/style/fond.jpg);
    background-repeat: repeat;

}

#logo
{
    clear:left;
    float:left;
    width:450px;
    height:79px;
    padding-left: 6px;
}

#enteteSite
{
    clear:left;
    float:left;
    width:996px;
    height:79px;
    background-color: #F7F7FB;
}
#entete1
{
    float:left;
    width:20px;
    height:79px;
    background-color: #F7F7FB;
}

#entete2
{
    float:left;
    width:200px;
    height:79px;
    background-color: #F7F7FB;
}

#enteteStats
{
    clear:left;
    float:left;
    width:190px;
    height:34px;
    margin-top: 5px;
	font-family: Arial, sans-serif;
    font-size: small;
    font-style: normal;
    color: #A3150E;
}
#enteteLivraison
{
    clear:left;
    float:left;
    background-image: url(/style/livraisonGratuite.gif);
    background-repeat: no-repeat;
    background-position: top;
    background-color: #F7F7FB;
    width:190px;
    height:40px;
}



#enteteCP
{
    float:left;
    width:167px;
    height:79px;
    background-image: url(/style/cyberPlusBPH.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F7F7FB;
    margin-left: 10px;

}
#enteteClient
{
    float:left;
    width:79px;
    height:79px;
    background-color: #F7F7FB;
    margin-left:61px;
}

#sitePage
{

    width:1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F7F7FB;
	border: medium solid #a52a2a;
	padding: 6px 0px 6px 0px;

	}




#decalDim
{
    clear:left;
    float:left;
    width:385px;
    height:25px;
    background-image: url(/style/ligneMenu.gif);
    background-repeat: repeat-x;
    background-color: #F7F7FB;
    background-position: center;
    padding-right: 15px;

}

#lstDim
{
    float:left;
    height:25px;
    background-color: #F7F7FB;
}

.sepPneu hr
{
    height: 1px;

}

#espace15
{
    float:left;
    width:15px;
    height:25px;
    background-color: #F7F7FB;
}



#corpsSite
{
    float:left;
    width:780px;
    background-color: #F7F7FB;
}

.titrePneu
{
   font-size: x-large;
   color : #B30000;
   font-weight: bolder;
   margin-top: 0px;
   padding-top: 0px;
}

#corpsSiteSansMenu
{
    clear:left;
    float:left;
    width:980px;
    background-color: #F7F7FB;
}

.pageLrg{

    width:1000px;
    margin-left: auto;
    margin-right: auto;
}
#sectCarte
{
   clear:left;
   float:left;
   width:600px;
}

.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	font-weight: bold;
	color: Black;
}

.prixO {
   font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: orange;
}

.prixV {
   font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: green;
}


a:link {
   color: #004080;
	text-decoration: none;
    font-weight: bold;
}
a:active {
	color: #004080;
	text-decoration: none;
    font-weight: bold;
}
a:visited {
   color: #004080;
	text-decoration: none;
    font-weight: bold;
}
a:hover{
	color: red;
	text-decoration: none;
    font-weight: bold;
}

.cadreMoyen {
   color: black;
	font-size: x-small;
}

.cadreMoyen TH{
   color: teal;
   font-weight: bolder;
	font-size: medium;
}

.cadreMoyen a:link {
   color: blue;
	text-decoration: none;
    font-weight: bolder;
}
.cadreMoyen a:active {
	color: blue;
	text-decoration: none;
    font-weight: bolder;
}
.cadreMoyen a:visited {
   color: blue;
	text-decoration: none;
    font-weight: bolder;
}
.cadreMoyen a:hover{
	color: red;
	text-decoration: none;
    font-weight: bolder;
}

.cadre3 TABLE {
	font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
	font-weight: normal;
    text-decoration: none;
}


.cadre3 TH {
	font-weight: bolder;
	color: Teal;
    font-size: x-small;
    text-decoration: none;
}

.cadre3 TD {
    font-size: x-small;
    color: #268A37;
}

.cadre TABLE {
	font-family: Arial, Helvetica, sans-serif;
    font-size: small;
	font-weight: normal;
    text-decoration: none;
}


.cadre TH {
	font-weight: bolder;
	color: Teal;
    font-size: small;
    text-decoration: none;
}

.cadre TD {
    font-size: small;
}

.cadre4 a:link {
   color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:active {
	color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:visited {
   color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:hover{
	color: blue;
	text-decoration: none;
    font-weight: bolder;
}

.cadre4 TH {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	color: Teal;
}

.cadre4 TD {
   font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.cadreSmall {
    font-size: xx-small;
}
.cadreSmall TH {
	font-weight: bolder;
	color: Teal;
    font-size: xx-small;
    text-decoration: none;
}

.cadreSmall TD {
    font-size: xx-small;
}

.fondOrange {
    background-color: orange;
    color: red;
    font-size: small;
    font-weight: bold;
}

.erreurInput {
    background-color: yellow;
	color: red;
	font-size: small;
	font-weight: bold;
}

.cadreInput {
	background-color: #FFFFF0;
	color: Teal;
	font-size: small;
	font-weight: normal;
}

.cadreInputSmall {
	background-color: #FFFFF0;
	color: Teal;
	font-size: x-small;
	font-weight: normal;
}

.cadreSelectInput {
	color: green;
	font-size: small;
	font-weight: bold;
}

.cadreInputFlash {
	background-color: white;
	color: #FF0000;
	font-size: small;
	font-weight: bold;
}




.calendrier {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: teal;
}

.construction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bolder;
	color: Teal;
	}

.titrePneus {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bolder;
    color: red;
    }

.titrePage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bolder;
	color: Teal;
	}

.sTitrePage {
   font-style : italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	color: Teal;
	}

.journal {
   color: #585858; background-color: #F0F0F0; border: thin #ACACAC solid;
   font-family: "Times New Roman", Times, serif;
}
.tab {
	background-color: #DDF2F4;
	border: thin solid #1A82AC;
	background-repeat: repeat;
	font: smaller Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.tab th {
	background-image: url(/dev/img/tabh.jpg);
	width: 100%;
	border: none;
	font: bold;
}
.tab input {
	color: Black;
	font: normal bold x-small;
	background-color: #D8E3F1;
	border: none;
    margin: 2px;
}

.bouton{
	border: none;
	font-weight: bold;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.bouton td {
border: none;
}

.msgErreur {
	color: Red;
	border: thin ridge Red;
	background-color: Yellow;
	font-size: small;
	font-weight: normal;
	}

.msgOk {
	color: #C0FFC0;
	border: thin ridge Red;
	background-color: #008000;
	font-size: x-small;
	font-weight: bolder;
	}

.msgAvertissement {
   color: black;
	background-color: #FFFFDD;
	border: thin dashed #FF0000;
   font-size: x-small;
	font-weight: bolder;
	font-style: italic;
}

.msgErreurForm {
   color: Red;
	background-color: yellow;
	border: thin dashed red;
	font-style: italic;
   font-size: 11px;
	font-weight: bolder;
}

.msgExplication {
	background-color: #FFFAFA;
	border: thin dashed #6495ED;
   font-size: small;
	font-style: italic;
	font-weight: normal;
}

.infos{
	clear:left;
	float:left;
	padding-left:480px;
	padding-top:20px;
}

.gauche {
	float:left;
}

.initGauche{
	clear:left;
	float:left;
}

.gaucheLogo{
	float:left;
	padding-top:15px;
}

.msgPrincipal {
    font-family: Arial, Helvetica, sans-serif;
  	 font-size: 14px;
    background-color: #FDE8D5;
    border: thin #FFC482 solid;
}

IMG {
	border: none;
}

a.lienDetail:link {
   color: #7457FD;
   font-weight: bold;
	text-decoration: none;
}
a.lienDetail:active {
	color: #7457FD;
    font-weight: bold;
	text-decoration: none;
}
a.lienDetail:visited {
   color: #7457FD;
   font-weight: bold;
	text-decoration: none;
}
a.lienDetail:hover{
	color: red;
    font-weight: bolder;
	text-decoration: none;
}



#menuDroite
{
   padding-top : 120px;
   float:left;
}

.txt {
    text-decoration:none;
    padding-left:10px;
    padding-top:10px;
    font-weight:bold;
    color:#808080;
    width:250px;
    float:left;
    font-size: small;
  }

.txtLarge {
    text-decoration:none;
    padding-left:10px;
    padding-top:10px;
    font-weight:bold;
    color:#808080;
    width:500px;
    float:left;
    font-size: small;
  }

.txtExtraLarge {
    text-decoration:none;
    padding-left:10px;
    padding-top:10px;
    font-weight:bold;
    color:#808080;
    width:800px;
    float:left;
    font-size: small;
  }

.trait {
    text-decoration:none;
    padding-left:15px;
    padding-top:10px;
    height:auto;
    clear: left;
    float:left;
    color:#6699CC; background-image: url(/style/paragG.gif);
    background-position: left;
    background-color: #FFFFEC;
    background-repeat:repeat-y;
    font-size: small;
  }



.menu {
   font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bolder;
    color: Black;
    margin-top:5px;
    margin-left:10px;
    padding-left:0px;
}

.menu a{
    margin-top:0px;
    padding-left:16px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    display:block;
    text-align:left;
    font-weight:bold;
    color:#585858; background-image: url(/style/puce1.gif);
    background-position: left center;
    background-repeat: no-repeat;

    }

.menu a:hover{
    text-decoration:none;
    padding-left: 15px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight:bold;
    color:#0000FF; background-image: url(/style/puce2.gif);
    background-position: left center;
    background-color: #EAEAFF;
    background-repeat: no-repeat;
    border: 1px solid #0000FF;
    }

.menu ul{
    list-style:none;

    float:left;
    }

.menu li{
    float:left;
    padding-left :4px;
    padding-right :4px;
    padding-top :0px;
    padding-bottom :0px;
    list-style:none;

    }

.centre{
    clear:left;
    margin-left: auto;
    margin-right: auto;
    width:893px;
}


.menu1{

   font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bolder;
    color: Black;
    margin-top:5px;
    margin-left:5px;
    padding-left:0px;
    width:100%;
    clear:left;

}

.menu1 a{
    padding-left:5px;
    padding-right: 5px;
    color:#0970b8;
    text-align:center;
    font-weight:bold;
    }

.menu1 a:hover{
    text-decoration:none;
    padding-left:5px;
    padding-right: 5px;
    font-weight:bold;
    color:#5ca02c;
    }

.menu1 ul{
    padding:0px;
    width:100%;
    list-style:none;
    margin-bottom:5px;
    float:left;
    }

.menu1 li{
    margin:0px;
    padding-left :4px;
    padding-right :4px;
    padding-top :0px;
    padding-bottom :0px;
    list-style:none;
    float:left;
    width:22%;
    }

#page{

    width:893px;
    margin-left: auto;
    margin-right: auto;
}

#corps{
   margin-left:30px;
   clear: left;
   float:left;
   width:893px;
   padding-top :0px;

}
#corpsS{
   margin-left:30px;
   clear: left;
   float:left;
   width:610px;
   padding-top :0px;

}

#pneus-menu-hg
{
    clear:left;
    float:left;
    width:472px;
    height:86px;
    padding-top : 0px;
    background-image: url(/style/special-pneus-hg.jpg);
    background-position: left;
    background-repeat: no-repeat;
}

#pneus-menu-hd
{
    float:left;
    width:421px;
    height:86px;
    margin-top:0px;
    background-image: url(/style/special-pneus-hd.jpg);
    background-position: left;
    background-repeat: no-repeat;
}

#pneus-menu-bg
{
    clear:left;
    float:left;
    width:84px;
    height:30px;
    padding-top : 0px;
    background-image: url(/style/special-pneus-bg.jpg);
    background-position: left;
    background-repeat: no-repeat;
}

#pneus-menu-bd
{
    float:left;
    width:809px;
    height:30px;
    padding-top : 0px;
    background-image: url(/style/special-pneus-bd.jpg);
    background-position: left;
    background-repeat: no-repeat;
}

#menu-droite
{
   padding-left:20px;
   padding-top:15px;
}

#entete
{
    width:893px;
    height:116px;
    padding-top : 0px;
    font-size: 2px;
    background-image: url(/style/entete.jpg);
    background-position: top;
    background-repeat: no-repeat;
}

#droite
{
   width:240px;
   padding-top :0px;
   padding-right :10px;
   float:left;

}

.haut
{
	vertical-align: top;
}

#extend{
    float:left;
    height:600px;
}

#basPage
{
    padding-top:10px;
    clear: left;
    width:100%;

}