/********************************
* Page MOTEUR DE RECHERCHE
*********************************/


/* style pour les cellules gauche et droite */
.cellG {border-top:1px solid #D0D4D7;}
.cellD {border-top:1px solid #D0D4D7;padding-left:4px;}

/********************************
* Style général pour menu et colonnes et contenu des pages
*********************************/


/* les 3 colonnes */
#troiscolonnes .clGauche { padding-top:10px;width:177px; vertical-align:top;}
#troiscolonnes .clMilieu { padding-left:20px; width:412px; vertical-align:top;}
#troiscolonnes .clDroite { padding-top:20px; padding-left:15px;width:152px; vertical-align:top;}

/* les 2 colonnes */
#deuxcolonnes .clGauche { padding-top:10px;width:177px; vertical-align:top;}
#deuxcolonnes .clGaucheVotreAvis { padding-left:10px;padding-top:10px;vertical-align:top;}
#deuxcolonnes .clDroiteMoteur {
	padding-left:20px;
	width:579px;
	vertical-align:top;

}
#deuxcolonnes .clDroite{ padding-left:20px; width:579px; vertical-align:top;}
#deuxcolonnes .clDroiteVotreAvis { padding-top:20px;padding-left:20px;  vertical-align:top;}
#deuxcolonnes .clDroitePromoAccueil { padding-top:10px;padding-left:20px; width:579px; vertical-align:top;}
#deuxcolonnes .clDroitePromo{ padding-left:20px;padding-top:10px; width:579px; vertical-align:top;background-image:url(../images/produits/fond_visuel_promo.gif); background-repeat:no-repeat; background-position:right 150px; height:400px}
#deuxcolonnes .clDroitePromoProduits{ padding-left:20px;padding-top:0px; width:579px; vertical-align:top;background-image:url(../images/produits/fond_visuel_promo.gif); background-repeat:no-repeat; background-position:right 150px;height:400px}
#deuxcolonnes .clDroiteCalculezItineraire{
	padding-top:10px;
	padding-left:20px;
	width:579px;
	vertical-align:top;
}
#deuxcolonnes .clDroiteCalculezResultat{
	padding-top:10px;
	padding-left:20px;
	width:579px;
	vertical-align:top;
}
#deuxcolonnes .clDroiteIframe{
	padding-top:10px;
	padding-left:10px;
	width:589px;
	vertical-align:top;
}
#deuxcolonnes .clDroiteExclusifs{
	padding-top:10px;
	padding-left:15px;
	width:579px;
	vertical-align:top;
}

/* les 2 colonnes fiche Accueil promo */
#clFicheAccueilPromo { width:573px; }
#clFicheAccueilPromo .gauche { padding-top:5px;width:418px;float:left;padding-bottom:10px;  }
#clFicheAccueilPromo .droite { float:right;  width:145px; padding-top:5px;padding-left:10px;padding-bottom:10px;}
#clFicheAccueilPromo .phrasePromo {
font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#898989;
}
#clFicheAccueilPromo .phrasePromo   a {
	color: #E23828;
	text-decoration: none;
}
#clFicheAccueilPromo .phrasePromo   a:hover {
	color: #E23828;
	text-decoration: underline;
}

/* les 2 colonnes fiche intro dans la colonne de droite */
#clFiche { width:579px;  }
#clFiche .gauche { width:412px;float:left;  }
#clFiche .droite { float:right;  width:152px; padding-top:20px;}


/* les 2 colonnes fiche produit dans la colonne de droite */
#clFicheProduit { width:579px;}

#clFicheProduit .gauche { width:412px;float:left;  }
#clFicheProduit .droite { float:right;  width:152px; }

/* titre des différentes fiches */
.titreFiche { width:579px; margin-bottom:5px;}


/* visuel sous le titre des fiches */
.visuelFiche { margin-bottom:12px;}

/********************************
* PAGE Mentions legales
*********************************/
#mentionsLegales { padding-top:20px;padding-left:16px; width:579px; vertical-align:top;}
#mentionsLegales .titre{  font-size:11px; font-weight:bold;}
#mentionsLegales  a {
	color: #E23828;
	text-decoration: none;
}
#mentionsLegales  a:hover {
	color: #E23828;
	text-decoration: underline;
}

/********************************
* PAGE NEWSLETTER
*********************************/
#newsletter { padding-top:20px;padding-left:16px; width:760px; vertical-align:top;}
#newsletter .article{  font-family:Arial, Helvetica, sans-serif;}
#newsletter .article a {
	color: #E23828; font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#newsletter .article a:hover {
	color: #E23828;font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#formNewsletter { width:430px;}
#formNewsletter .champs{ width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;border:1px solid #808080; margin-top:2px;margin-bottom:7px;}
#formNewsletter .departement{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;border:1px solid #808080;margin-top:2px;margin-bottom:7px;}
#formNewsletter .case{ margin:0px;margin-top:2px;margin-bottom:7px; vertical-align:middle;}
#formNewsletter .choix{ margin:0px; vertical-align:middle; margin-top:3px; margin-bottom:3px;}
#formNewsletter .titre{ color: #E23828; font-size:12px; font-weight:bold;}
#formNewsletter .sousTitre{color: #E23828; font-size:10px; font-weight:bold;}

/********************************
* PAGE GRAND JEU ROADY
*********************************/
/* Tableau avec fond illustration + form */
#grandJeu { background-image:url(../images/enseigne/illustration_grand_jeu_road.gif); background-position:left top; background-repeat:no-repeat; padding-left:400px; padding-top:10px; vertical-align:top; width:150px; height:187px;font-family:Arial, Helvetica, sans-serif;}
#grandJeu_valid { font-size:11px; background-image:url(../images/enseigne/enveloppe_urne.gif); background-position:left top; background-repeat:no-repeat; padding-left:400px; padding-top:10px; vertical-align:top; width:150px; height:187px;font-family:Arial, Helvetica, sans-serif;}
#grandJeu .form {width:126px; border:1px solid #808080; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:2px;}
.lienReglement a {
padding-left:250px;
	color: #8D8E8F; font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.lienReglement a:hover {
padding-left:250px;
	color: #8D8E8F;font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.lienReglement2 a {

	color: #8D8E8F; font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.lienReglement2 a:hover {

	color: #8D8E8F;font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/********************************
* PAGE VOTRE AVIS
*********************************/
/* Rubrique Votre avis */
#votreAvis { vertical-align:top; padding-top:5px; line-height:14px;}
#votreAvis .titre{font-size:11px; font-weight:bold;}
#votreAvis .barre { background-image:url(../images/votre_avis/barre_fond.gif); background-repeat:repeat-x; text-align:right;}
#votreAvis .chiffre{font-size:10px; color:#004286; padding-left:10px;}

/* Date du jour */
#dateDuJour { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8A8A8A;padding-left:5px;height:20px; vertical-align:top;}

/* Rubrique Sondage */
#rubSondage {
	background-image:url(../images/accueil/fond_sondage.gif);
	background-repeat:no-repeat;
	background-position:0px 9px;
	margin-bottom:17px;

}

#rubSondage p.contenu{
	background-image:url(../images/accueil/fond_sondage.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 9px;
	line-height:12px;
}
#rubSondage p.marge{
margin-top:2px;padding-left: 9px;
margin-bottom:3px;
}
#rubSondage td input{
vertical-align:middle;
margin-left:0px;
}

/********************************
* PAGE EQUIPER
*********************************/
/* mise en page page Fiche Promo*/
.ligneProduit { width:575px;  height:auto; float:left; margin-bottom:12px;}
.ligneProduit .gauche{
  position: relative;  float:left;
  top: 0px; left: 0px;
 width: 175px;
}
.ligneProduit .milieu{
  position:relative;  float:left;
  top: 0px; left:0px;
 padding-left:10px;width:205px;
}
.ligneProduit .droite{
  position: relative; float:right;
  top: 0px;
width:168px; padding-left:10px; background-image:url(../images/promotions/fond_plusinfo.gif); background-repeat:no-repeat; background-position:right bottom;
}
.ligneProduit .droite .boutonInfo{
  position: relative;   text-align:right;
  top: 0px;  margin-right:12px;margin-top:15px;height:12px;
}

/********************************
* RUBRIQUE RECHERCHE
*********************************/
/* fond recherche */
.recherche { width:572px; margin-top:5px; background-image:url(../images/recherche/visuel_recherche.jpg); background-repeat:no-repeat;}
.resultatRecherche { width:572px;
padding-top:5px; padding-bottom:20px; border-top:1px solid #CFCFCF;
}
.titreRecherche {
background-image:url(../images/actualites/picto_titre.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
color:#E23828;
font-size:14px;
font-weight:bold;
line-height:20px;
}
.resultatRecherche a {
	color: #000000;
	text-decoration: underline;
}
.resultatRecherche a:hover {
	color: #000000;
	text-decoration: none;
}


/********************************
* RUBRIQUE CONTACTEZ NOUS
*********************************/
/* accueil contact */
.txtAccueilContact { padding-top:5px; padding-bottom:15px; padding-right:5px; vertical-align:top;}
.txtAccueilContact a {
	color: #000000;
	text-decoration: none;
}
.txtAccueilContact a:hover {
	color: #000000;
	text-decoration: underline;
}
.blocAdresseRoady { border:1px solid #CFCFCF; padding:8px; width:100%; border-right:0px;}

/* utilisation du site */
#formUtilisationGauche td input{ width:125px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #808080; margin-left:10px;vertical-align:middle;}
#formUtilisationGauche td {height:20px;vertical-align:middle;}

#formUtilisationDroit td select{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-left:10px;vertical-align:middle;}
p.legendeUtilisation { font-family:Arial, Helvetica, sans-serif; font-size:10px; white-space:nowrap; }
#formUtilisationDroit td {height:20px; vertical-align:middle;}

#formUtilisationBas textarea{  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #808080;}

#formUtilisationBas .legende{ font-family:Arial, Helvetica, sans-serif; font-size:10px; vertical-align:top; color:#000000;}
#formUtilisationBas .legende2{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; padding-left:15px; vertical-align:top;}

#formDemandeGauche td .champs {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #808080; margin-left:10px;vertical-align:middle;}
#formDemandeGauche td .type { margin-left:0px;vertical-align:middle;}
#formDemandeGauche td {height:20px;vertical-align:middle;}
#formDemandeGauche td .liste{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-left:10px;vertical-align:middle;}

/********************************
* RUBRIQUE ENSEIGNE
*********************************/

/* METIERS */
.photoMetiers {vertical-align:top; padding-right:10px; padding-bottom:30px;}
.intituleMetiers { font-size:12px; color:#00487B; font-weight:bold;}
.descriptifMetiers {vertical-align:top; padding-top:12px; padding-bottom:30px; padding-bottom:30px;}
.titreMetiers {color:#E23828; font-weight:bold;}
.espaceBarre {padding-bottom:15px;}

/* INFOS PRESSE */
/* Titre infos presse */
.titreInfosPresse { width:579px; margin-bottom:0px;}

/* ligne infos presse */
.photoInfosPresse {
width:109px;
padding-right:10px;
vertical-align:top;
padding-top:4px;
}
.introInfosPresse {
vertical-align:top;
width: 330px;
padding-right:20px;
}
.titrePresse {
background-image:url(../images/actualites/picto_titre.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
color:#E23828;
font-size:14px;
font-weight:bold;
line-height:20px;
}
.titrePresse2 {
color:#F23F22;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.titrePresse2 {text-decoration:none; color:#F23F22;}
a.titrePresse2:hover {text-decoration:underline; color:#F23F22;}

.sousTitrePresse {
color: #000000;
padding-top:4px;
font-weight:bold;
text-decoration:none;
}
a.sousTitrePresse {color: #000000;text-decoration:none; }
a.sousTitrePresse:hover {color: #000000;text-decoration:underline; }

.spacer {
clear: both;
}
.resumePresse {color: #000000;padding-top:5px;font-size:10px;text-decoration:none; }
a.resumePresse {color: #000000;text-decoration:none; }
a.resumePresse:hover {color: #000000;text-decoration:underline; }

.lienPresse  a {
	color: #000000;
	text-decoration: underline;
	vertical-align:middle;
}
.lienPresse a:hover {
	color: #000000;
	text-decoration: none;
}

.lienPresse2 {
	color: #F23F22;
	text-decoration: none;
	vertical-align:middle;
}
a.lienPresse2 {color: #F23F22;;text-decoration:underline; }
a.lienPresse2:hover {color: #F23F22;;text-decoration:underline; }

.lienPresse3 {
	color: #767676;
	text-decoration: none;
	vertical-align:middle;
}
a.lienPresse3 {color: #767676;;text-decoration:none; }
a.lienPresse3:hover {color: #767676;;text-decoration:none; }

.voirFichier {
vertical-align:middle;
}
.spacer {
clear: both;
}
.ligne {
border-top:1px solid #DDDDDD;
}
p.introInfosPresse a{
	color: #000000;
	text-decoration: none;
}
p.introInfosPresse a:hover{
	color: #000000;
	text-decoration: underline;
}

/* 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: none;
}
p.introGroupement a:hover{
	color: #E23828;
	text-decoration: underline;
}

/* page emplois et stages */
.introEmploi{ width:560px; padding-right:19px; padding-bottom:10px; border-bottom:1px solid #D9D9D9;}
.tableauOffres { width:579px;}
.tableauOffres .clTitreOffres {border-bottom:1px solid #D9D9D9; color:#E12F0E; font-size:12px; height:33px; padding-bottom:5px; vertical-align:bottom; }
.pictoFlecheRouge { border:0px; vertical-align:middle; margin-right:10px;}
.tableauOffres .clAnnonce { width:460px;border-bottom:1px solid #D9D9D9;vertical-align:middle;height:22px; }
.tableauOffres .clConsulter{ width:119px;border-bottom:1px solid #D9D9D9;vertical-align:middle;}
.clAnnonce a{
	color: #000000;
	text-decoration: none;
}
.clAnnonce a:hover{
	color: #000000;
	text-decoration: underline;
}

/* page emplois et stages Poste*/
.tableauPoste { width:579px;}
.tableauPoste .clTitrePoste {font-size:12px; height:40px;  vertical-align:middle; font-weight:bold; }
.tableauPoste .titre {color:#E12F0E; font-weight:bold; }
.pictoFlecheRouge { border:0px; vertical-align:middle; margin-right:10px;}
.tableauPoste .clDescriptif { width:250px;vertical-align:top;height:22px; padding-right:25px; }
.tableauPoste .clAdresse{ width:170px;vertical-align:top;}

/* page emplois et stages Centre de formation*/
.tableauFormation { width:579px;}
.tableauFormation .titre {font-size:11px;color:#E12F0E; font-weight:bold; }
.tableauFormation .titreFormation  {font-size:10px;color:#E12F0E; font-weight:bold; }
.tableauFormation .clDescriptif { width:400px;vertical-align:top;height:22px; padding-right:25px;  }
.tableauFormation .clCalendrier{ width:158px;vertical-align:top; padding-top:20px;}

.rubAdresse { background-image:url(../images/enseigne/fond_adresse.gif); background-repeat:repeat-y; background-position:left;margin-bottom:5px;}
.rubAdresse .titre { font-weight:bold; padding-left:10px;padding-bottom:3px;}
.rubAdresse .texteAdresse { padding-left:10px;}

/* page emplois et stages Centre de formation*/
#tableauDevenirChef { width:579px;}
#tableauDevenirChef .titre {font-size:12px;color:#E12F0E; font-weight:bold; }
#tableauDevenirChef .sousTitre  {font-size:10px;color:#E12F0E; font-weight:bold;  }
#tableauDevenirChef .clGauche { width:353px;vertical-align:top;height:22px;  }
#tableauDevenirChef .clDroite{ width:201px;vertical-align:top; padding-top:20px;padding-left:25px; }
#tableauDevenirChef .liste {
font-size:10px; width:340px; font-family:Verdana, Arial, Helvetica, sans-serif;
}
#tableauDevenirChef .lien {
	color: #E12F0E;
}
#tableauDevenirChef .lien a{
	color: #E12F0E;
	text-decoration: underline;
}
#tableauDevenirChef .lien a:hover{
	color: #E12F0E;
	text-decoration: none;
}
/* page les chiffres clés */
.introChiffreCles { font-size:12px; font-weight:bold; line-height:17px;}
.rouge { color:#E12F0E; }

/********************************
* PAGE COIN FUTE
*********************************/
/* Calculez votre itinéraire */
.introCalculez {padding-top:15px; padding-bottom:12px; width:400px; }
#formCalculez { background-image:url(../images/coin_fute/fond_form_calculez.gif); background-repeat:no-repeat; vertical-align:top; width:384px; height:98px; padding-left:13px; padding-top:28px;}
#formCalculez input {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #808080; margin-bottom:12px;}

/* Téléchargement */
#telechargement {width:579px;}
#telechargement .clGauche { width:174px; background-image:url(../images/coin_fute/fond_photo_telechargement.gif); background-position: right bottom; background-repeat:no-repeat; padding-bottom:6px; padding-right:6px;padding-top:15px; }
#telechargement .clMilieu {width:50%;vertical-align:top; padding-top:15px; padding-left:10px;}
#telechargement .clDroite {width:50%; vertical-align:top; padding-top:15px;padding-left:15px;padding-right:5px;}
#telechargement .titreModeEmploi {color:#E23828; font-weight:bold;}
#telechargement .titreFondEcran {color:#E23828; font-weight:bold; font-size:11px;}
#telechargement .explication { font-family:Arial, Helvetica, sans-serif; padding-bottom:3px; padding-top:3px;}
#telechargement a{
	color: #000000;
	text-decoration: underline;
}
#telechargement a:hover{
	color: #000000;
	text-decoration: none;
}

/* FAQ */
.ligneFaq {padding-top:20px; width:579px;}
.photoFaq { background-image:url(../images/coin_fute/fond_photo_faq_roady.gif); background-position:right bottom; background-repeat:no-repeat; padding-bottom:6px; padding-right:6px;width:45px; }
.introFaq {
float: right;
width: 520px;
margin: 0;
}
.introFaq .titre {font-size:11px; font-weight:bold;}
.introFaq .titreRubFaq {color:#E23828; font-size:11px; font-weight:bold;}
.spacer {
clear: both;
}
.introFaq a{
	color: #000000;
	text-decoration: none;
}
.introFaq a:hover{
	color: #000000;
	text-decoration: underline;
}

/* Environnement QUIZZ*/
.tableauQuizz { width:559px;}
.tableauQuizz .titre {font-size:12px;color:#057300; font-weight:bold; }
.tableauQuizz .titreQuizz  {font-size:12px;color:#E12F0E; font-weight:bold; }
.tableauQuizz .titreTestez  {font-size:12px;color:#FF7200; font-weight:bold; }
.tableauQuizz .clTexte { width:200px;vertical-align:top; padding-right:30px;  }
.tableauQuizz .clQuizz{ width:320px;vertical-align:top; padding-right:15px; }

.tableauQuizz .imageQuizz { vertical-align:top;padding-right:10px; padding-top:20px;}
.tableauQuizz .texteQuizz { vertical-align:top; padding-top:20px; width:260px;}
.tableauQuizz td input { margin:0px; vertical-align:middle;}


/* Environnement cycle dechets*/

.titreCycle {font-size:12px;color:#057300; font-weight:bold; }
.sousTitreCycle  {font-size:11px;color:#F73600; font-weight:bold; }
#tableauSavoirPlus { width:570px;}
#tableauSavoirPlus .clGaucheSavoirPlus { width:260px;vertical-align:top; padding-right:40px;  }
#tableauSavoirPlus .clDroiteSavoirPlus{ width:275px;vertical-align:top; }
#tableauSavoirPlus .titre {font-size:11px;color:#000000; font-weight:bold; }
#tableauSavoirPlus .titreIntro {font-size:11px;color:#057300; font-weight:bold; }
#tableauSavoirPlus .sousTitre {font-size:10px;color:#E23828; font-weight:bold; }

/* Environnement partenaires*/
.separateurPartenaires {padding-top:15px; padding-bottom:10px;}
.tableauPartenaires { width:550px;}
.tableauPartenaires .clGauchePartenaires { width:100px;vertical-align:top;  }
.tableauPartenaires .clDroitePartenaires { width:450px;vertical-align:top; }
.tableauPartenaires .titrePartenaires {color:#E23828; font-weight:bold; }
.tableauPartenaires td strong {color:#057300; font-weight:bold; }

.tableauPartenaires td a{
	color: #000000;
 font-weight:bold;
	text-decoration: none;
}
.tableauPartenaires td a:hover{
	color: #000000;
	 font-weight:bold;
	text-decoration: underline;
}
/* Controle technique */
.titreCT {color:#E23828; font-weight:bold; font-size:14px;padding-bottom:15px;}
.sousTitreCT {color:#E23828; font-weight:bold; font-size:11px;padding-bottom:1px;}
.importantCT {color:#E23828; }

/* Sécurité routière */
.titreIntro {color:#E23828; font-weight:bold; font-size:12px;padding-bottom:0px; padding-top:15px; }
.titreSecurite {color:#E23828; font-weight:bold; font-size:14px;padding-bottom:15px; padding-top:10px; border-top:1px solid #D9D9D9;}
.sousTitreSecurite {color:#E23828; font-weight:bold; font-size:10px;padding-bottom:1px;}
#securite {width:570px;padding-top:15px;}
#securite  a {
	color: #E23828;
	text-decoration: none;
}
#securite  a:hover {
	color: #E23828;
		text-decoration: underline
}
#tableauSecurite td img {border:0px; text-decoration:none;}
#tableauSecurite .vignette {width:111px;padding-top:20px; vertical-align:top; border:0px;}
#tableauSecurite .logo {
	width:222px;
	padding-top:20px;
	vertical-align:top;
	border:0px;
	background-image: url(../images/coin_fute/fleche_bas_droite.gif);
	background-repeat: no-repeat;
	background-position: 166px 78px;
}
#tableauSecurite .logo a{
font-family:Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: underline;
}
#tableauSecurite .logo a:hover{
	color: #999999;
	text-decoration: none;
}
#tableauSecurite .vignette a{
	color: #000000;
	text-decoration: none;
}
#tableauSecurite .vignette a:hover{
	color: #000000;
	text-decoration: underline;
}
#tableauSecurite .vignette .clic{
	color: #E23828;
	font-weight:bold;
}

/********************************
* 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/trouvez_roady/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;}

/********************************
* Colonne du milieu PRODUIT
*********************************/
/* Formulaire autoradios */
#formEquiper {
height:auto;
	width:412px;
	margin-bottom:14px;
}
#formEquiper p.formulaire {  padding-left:28px;vertical-align:middle;	height:32px;
	background-image:url(../images/produits/equiper/fond_formulaire_equiper.gif);
	background-repeat: no-repeat;
    padding-top:4px;
	margin-top:2px;
	margin-bottom:0px;
	color:#fff;
	}
#formEquiper select {  font-family:Arial, Helvetica, sans-serif; font-size:10px; width:
120px;vertical-align:middle; margin-right:3px;}

/* Formulaire entretenir */
#formEntretenir {
height:auto;
	width:412px;
	margin-bottom:14px;
}
#formEntretenir p.formulaire {  padding-left:28px;vertical-align:middle;	height:32px;
	background-image:url(../images/produits/entretenir/fond_formulaire_entretenir.gif);
	background-repeat: no-repeat;
    padding-top:4px;
	margin-top:2px;
	margin-bottom:0px;
	color:#fff;
	}
#formEntretenir select {  font-family:Arial, Helvetica, sans-serif; font-size:10px; width:
120px;vertical-align:middle; margin-right:3px;}


/* Formulaire reparer */
#formReparer {
height:auto;
	width:412px;
	margin-bottom:14px;
}
#formReparer p.formulaire {  padding-left:28px;vertical-align:middle;	height:32px;
	background-image:url(../images/produits/reparer/fond_formulaire_reparer.gif);
	background-repeat: no-repeat;
    padding-top:4px;
	margin-top:2px;
	margin-bottom:0px;
	color:#fff;
	}
#formReparer select {  font-family:Arial, Helvetica, sans-serif; font-size:10px; width:
120px;vertical-align:middle; margin-right:3px;}


/* texte d'introduction */
#texteIntroduction {
	width:400px;
	margin-bottom:14px;
}
#texteIntroduction .lignegrise{
	margin-top:10px;
	margin-bottom:10px;
}
#texteIntroduction p.titre{
	margin-top:18px;
	margin-bottom:12px;
		font-weight:bold;
		color:#E23828;
		font-size:14px;
}

/********************************
* Colonne de droite PRODUIT
*********************************/
/* Chiffres partie de droite EQUIPER */
#chiffres {
	margin-bottom:10px;
}
#chiffres p.fondVert{
background-color:#658A30;
background-image: url(../images/produits/equiper/coin_haut_vert.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:9px;
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
font-size:11px;
}
#chiffres p.fondVertFonce{
background-color:#AACD7C;
background-image: url(../images/produits/equiper/coin_bas_vertclair.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding-left:9px;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
}

/* Chiffres partie de droite ENTRETENIR */

#chiffres p.fondOrangeFonce{
background-color:#FD8A0D;
background-image:url(../images/produits/entretenir/coin_haut_orange.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding-left:9px;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
}
#chiffres p.fondOrange{
background-color:#EC6F00;
background-image:url(../images/produits/entretenir/coin_haut_orangefonce.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:9px;
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
font-size:11px;
}

/* Chiffres partie de droite REPARER */

#chiffres p.fondRouge{
background-color:#E33D00;
background-image:url(../images/produits/reparer/coin_gauche_rouge.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:9px;
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
font-size:11px;
}
#chiffres p.fondRougeFonce{
background-color:#FD4703;
background-image:url(../images/produits/reparer/coin_bas_rougeclair.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding-left:9px;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
}


/* Rubrique telechargement */
#RubTelechargement {
	margin-bottom:10px;
}
#RubTelechargement p.titre{
background-color:#5D5D5D;
background-image:url(../images/produits/coin_haut_gris.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:4px;
padding-top:2px;
padding-bottom:2px;
color:#FFFFFF;
font-size:11px;

}
#RubTelechargement p.lien{
background-color:#E5E5E5;
background-image:url(../images/produits/coin_bas_grisclair.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding-left:9px;
padding-top:5px;
padding-bottom:10px;
font-size:11px;
}
#RubTelechargement p.lien img{
vertical-align:middle; border:0px; margin-right:4px;
}
#RubTelechargement a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	color: #000000;

	text-decoration: underline;
}
#RubTelechargement a:hover{
	color: #000000;
	text-decoration: none;
}
/* Logo marque */

p.logoMarque { text-align:center; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3; }
/*p.logoMarque img{ padding-top:4px;padding-bottom:4px;}*/

/* Conseil d'expert*/

#RubConseilExpert {margin-bottom:10px; width:142px;}
#RubConseilExpert .titre { color:#E23828; font-weight:bold;}
#RubConseilExpert .debutGuillemet {  padding-bottom:10px;}
#RubConseilExpert .finGuillemet {  width:142px;padding-top:10px; text-align:right; }