/* CSS Document */
html, padding, body, p, form {margin:0px;}
body { background:#D6D6D6 url(../images/commun/fond.gif) repeat-x top left; margin-bottom:10px; }
/*body { background:#2D77BA url(../images/commun/fond_GOODYEAR.gif) repeat-x top left; margin-bottom:10px; }*/
td { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
input, select { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.picto { vertical-align:middle; border:0px; margin-right:4px; text-decoration:none; outline:none;}
.interligne5px { padding-top:5px;}
#bandeauflash { margin-top:16px;}

.pointillet15 { background:url(../images/accueil/pointillet.gif) repeat-x left; height:15px;}
.pointillet30 { background:url(../images/accueil/pointillet.gif) repeat-x left; height:30px;}
.pointilletfaq { background:url(../images/faq/pointillet.gif) repeat-x left; height:15px;}

a { text-decoration:none; color:#000;}
a:hover { text-decoration:underline; color:#000;}

#menuGris  { text-align:center; font-size:10px; font-weight:normal; padding-top:15px;color:#fff;}/*color:#666*/
#menuGris a { text-decoration:none; color:#fff;}
#menuGris a:hover { text-decoration:underline;}

/******************************************/
/* STRUCTURE ******************************/
/******************************************/
/* menu du bandeau */
#menuBandeau {font-size:9px; color:#fff; position:absolute; margin-left:509px; width:auto; margin-top:4px; }
#menuBandeau a{ text-decoration:none; color:#fff;}
#menuBandeau a:hover{ text-decoration:underline; color:#fff;}

/* fond de l'include bandeau */
.bandeau {background:#E7E7E7 url(../images/commun/bandeau.gif) no-repeat top left;}

/* menu page conseil */
#sousmenu { padding-left:5px;}
#sousmenu img{ margin:2px 0px;}
#sousmenu a{ text-decoration:none; color:#fff;display:block;padding:2px 0px 2px 10px;}
#sousmenu a:hover{ text-decoration:none; color:#EB0F0C; background:#fff url(../images/nos-conseils/coin_blanc.gif) no-repeat top left;    }
#sousmenu .clic{ text-decoration:none; color:#EB0F0C;  background:#fff url(../images/nos-conseils/coin_blanc.gif) no-repeat top left; font-weight:bold;display:block;}

/* menu principal */
#menu {border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;}

/* panier de commande */
.panier { width:auto; margin-left:754px; margin-top:52px; position:absolute; font-size:10px;}

.date {border-left:1px solid #D3D3D3; padding:0px 22px; color:#5C5C5C; font-size:9px; }

.infodefilante {border-right:1px solid #D3D3D3; padding:0px 0px; color:#5C5C5C; font-size:9px; }

.contenu { background:#fff; border-left:1px solid #D3D3D3;border-right:1px solid #D3D3D3; padding:12px 8px 0px 8px;}

#basdepage td{background:url(../images/commun/fond_basdepage.gif) repeat-x bottom left; font-size:10px; color:#fff; padding-bottom:3px;}
#basdepage td a{ text-decoration:none; color:#fff;}
#basdepage td a:hover{ text-decoration:underline; color:#fff;}

/* fond gris dégradé des blocs colonne de gauche */
.bloc { background:url(../images/accueil/fond_bloc.gif) no-repeat bottom left; padding:7px;}

/* fond encadré rouge pour TROUVER VOS PNEUS */
#blocPneu {background:url(../images/trouver-pneus/fond_normal.gif) no-repeat top left;}
#blocPneuPromo {background:url(../images/trouver-pneus/fond_promo.gif) no-repeat top left;}
#blocPneuEco {background:url(../images/trouver-pneus/fond_eco.gif) no-repeat top left;}
#blocPneuNouveau {background:url(../images/trouver-pneus/fond_nouveau.gif) no-repeat top left;}
#blocPneuSport {background:url(../images/trouver-pneus/fond_sport.gif) no-repeat top left;}
#blocPneuTechno {background:url(../images/trouver-pneus/fond_techno.gif) no-repeat top left;}
#rouge { color:#EB0D0A;}
#txt10 { font-size:10px;}
.blocPneuPromo {background:url(../images/trouver-pneus/fond_promo.gif) no-repeat top left;}

/*--------------- MENU ONGLET --------------*/
#onglet {line-height:normal; height:19px; font-size:10px; }
#onglet a { float:left; background:url(../images/trouver-pneus/coin_gauche_blanc.gif) no-repeat left top; margin:0; padding:0px 1px 0px 6px; text-decoration:underline; color:#000;}
#onglet a span { float:left; display:block;  background:url(../images/trouver-pneus/coin_droit_blanc.gif) no-repeat right top; padding:0px 6px 3px 0px; color:#000;}
#onglet a span {float:none;}
#onglet a:hover span {color:#000;}
#onglet a:hover {background-position:0% 0px; text-decoration:none}
#onglet a:hover span {background-position:100% 0px;}
/* etat clique */
#clic{background-position:0% -15px;font-weight:bold; }
#clic span {background-position:100% -15px;color:#000;}

/*--------------- VIGNETTE liste de recherche pneus --------------*/
.vignette {border:1px solid #EB0D0A;}

/* page groupement */
.titreGroupement { width:579px; margin-bottom:0px;}

.ligneGroupement {width:579px;}
.photoGroupement { width:88px;  float:left; margin-top:3px; }
.introGroupement {
float: right;
width: 440px;
margin: 0;padding-right:30px;
}
.introGroupement .titre {color:#E23828; font-size:11px; font-weight:bold; text-transform:uppercase; line-height:20px; }
.introGroupement .texte {padding-top:5px; padding-bottom:5px;font-size:10px;}
.spacer {
clear: both;
}
.ligne {
border-top:1px solid #DDDDDD;
}
p.introGroupement a{
line-height:20px;
	color: #E23828;
	text-decoration: underline;
}
p.introGroupement a:hover{
	color: #E23828;
	text-decoration: none;
}

/********************************
* PAGE TROUVEZ VOTRE ROADY
*********************************/
#blocAdresse {padding-left:10px;}
#blocAdresse .ville{ text-transform:uppercase;  font-size:12px;padding-bottom:10px;}
#blocAdresse .departement{padding-bottom:10px;font-weight:bold; color:#E23828; }
.photoRoady { background-image:url(../images/centres/fond_photo_roady.gif); background-position:right bottom; background-repeat:no-repeat; padding-bottom:6px; padding-right:6px; width:210px;vertical-align:bottom;}
.pictosServices img {margin-bottom:12px;}

/******************************************/
/* TYPO ******************************/
/******************************************/
/* couleur */
.rouge { color:#EB0D0A;}
.blanc { color:#fff;}
.gris { color:#484848;}
.gris2 { color:#4C4C4C;}
.vert { color:#5A7400;}

.promo { color:#EB0F0C;}
.eco { color:#83BD3D;}
.sport { color:#648EA3;}
.techno { color:#F3951C;}
.nouveau { color:#888;}

.txt21 { font-size:21px;}
.txt17 { font-size:18px;}
.txt18 { font-size:17px;}
.txt14 { font-size:14px;}
.txt10 { font-size:10px;}
.txt9 { font-size:9px;}

a.liengriss { text-decoration:underline; color:#4C4C4C;}
a.liengriss:hover { text-decoration:none; color:#4C4C4C;}
a.liennoirs { text-decoration:underline; color:#000;}
a.liennoirs:hover { text-decoration:none; color:#000;}
a.lienrouge { text-decoration:underline; color:#EB0D0A;}
a.lienrouge:hover { text-decoration:none; color:#EB0D0A;}

a.liensuivant { text-decoration:underline; color:#000; background:url(../images/trouver-pneus/picto_rouge.gif) no-repeat right; padding-right:12px;}
a.liensuivant:hover { text-decoration:none; color:#000;}

a.lienprecedent { text-decoration:underline; color:#000; background:url(../images/trouver-pneus/picto_rouge2.gif) no-repeat left; padding-left:12px;}
a.lienprecedent:hover { text-decoration:none; color:#000;}

.arial { font-family:Arial, Helvetica, sans-serif;}

.invalidInput{ border:1px solid #f00; } /* Style for invalid input */
.validInput{ border:1px solid #d1d1d1; }	/* Style for valid input */

/********************************
* PAGE ACCUEIL MODIF
*********************************/
#environnement { background:url(../images/accueil/bloc_environnement2.gif) no-repeat; width:158px; height:104px;}
#environnement a { text-decoration:none;}
#environnement a:hover { text-decoration:none;}