/* -------------------------------------------------------------------------------
 xAM Editions - Carrière Commerciale
 Feuille de styles 
 Juin 2006
 Impression
--------------------------------------------------------------------------------*/

* {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
}

/*********************************************************************************/
/*Elements generiques */
/*********************************************************************************/

.navHaute{ /* navigation positionnee en absolu en haut à droite de la page */
display: block;
position: absolute;
top: 140px;
right: 10px;
font-weight: bold;
text-decoration: none;
margin: 0;
}
.imprimer{ /* bouton d'impression */
display: block;
position: absolute;
top: 140px;
right: 10px;
font-weight: bold;
background: url(/images/v2/picto_impression.gif) no-repeat;
text-decoration: none;
padding-left: 22px;
margin: 0;
}

/* Bouton de retour (affichage bas droit) *****************************************/
#navigation {
clear: both;
text-align: right;
padding-top: 5px;
}
#navigation a{
font-weight: bold;
text-decoration: none;
}

#navigation a.actif{
color:#FF0000;
font-weight: bold;
text-decoration: none;
}

#navigation a:hover{
color:#FF0000;
font-weight: bold;
text-decoration: none;
}


/* texte gras ou normal ***********************************************************/
span.bold{
font-weight: bold;
}
span.normal{
font-weight: normal;
}

/* element de positionnement ******************************************************/
.spacer{
clear: both;
position: relative;
font-size: 1px;
}
div.center{
padding: 0 auto 0 auto;
text-align: center;
}

/* boutons ************************************************************************/
button.btValider{ /* uniquement pour un button */
display: block;
margin: 0px;
cursor: pointer;
width: 52px;
height: 17px;
background: url(/images/v2/btValider.gif) no-repeat;
border: 0;
}
a.bouton1{ /* Bouton de formulaire extensible sur une seule ligne */
width: auto;
height: auto;
padding: 0;
margin: 0;
text-decoration: none;
}
a.bouton1 span.texteBouton{
padding: 2px 4px 2px 0px;
color: #FFFFFF;
font-weight: bold;
background:url(/images/v2/boutons/bouton1D.gif) right no-repeat;
font-size: 11px;
text-decoration: none;
cursor: pointer;
vertical-align: 4px;
}
a.bouton1 img{
border: 0;
margin: 0;
padding: 0;
}

a.bouton2{ /* Bouton de formulaire extensible sur deux lignes */
display: block;
height: auto;
width: auto;
margin: 0 auto 0 auto;
padding: 0 auto 0 auto;
text-decoration: none;
}
a.bouton2 span.texteBouton{
float: left;
padding: 2px 4px 0 0px;
height: 30px;
color: #FFFFFF;
font-weight: bold;
background:url(/images/v2/boutons/bouton2D.gif) right no-repeat;
font-size: 11px;
text-decoration: none;
text-align: center;
cursor: pointer;
}
a.bouton2 img{
float: left;
border: 0;
margin: 0;
padding: 0;
}
/* bouton redimensionnable en hauteur et largeur */
.bouton3{
width: auto;
margin:0;
padding: 0;
}
.bouton3 a{
display: block;
margin: 2px 0 -2px 0;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
font-size: 11px;
text-align: center;
}
/* proprietes communes a l'ensemble des 4 coins */
.bouton3HautG, .bouton3HautD, .bouton3BasG, .bouton3BasD{
height: 4px;
width: 4px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* images specifiques de chaque coin du bloc*/
.bouton3HautG{
float: left;
position: relative;
top: -1px;
left: -1px;
}
.bouton3HautD{
float: right;
position: relative;
top: -1px;
right: -1px;
}
.bouton3BasG{
float: left;
position: relative;
bottom: -1px;
left: -1px;
}
.bouton3BasD{
float: right;
position: relative;
bottom: -1px;
right: -1px;
}
/* Propriete specifique pour le bouton ORANGE *********************************/
#bouton3Orange{
background-color: #E07605;
padding-bottom: 4px;
border: 1px solid #995103;
}
*html #bouton3Orange{
padding-bottom: 2px;
}
#bouton3Orange .bouton3HautG{
background: url(/images/v2/boutons/bouton3HautG_orange.gif) no-repeat;
}
#bouton3Orange .bouton3HautD{
background: url(/images/v2/boutons/bouton3HautD_orange.gif) no-repeat;
}
#bouton3Orange .bouton3BasG{
background: url(/images/v2/boutons/bouton3BasG_orange.gif) no-repeat;
}
#bouton3Orange .bouton3BasD{
background: url(/images/v2/boutons/bouton3BasD_orange.gif) no-repeat;
}
/* Propriete specifique pour le bouton BLEU *********************************/
#bouton3Bleu{
background-color: #5688AC;
padding-bottom: 4px;
border: 1px solid #305672;
}
*html #bouton3Bleu{
padding-bottom: 2px;
}
#bouton3Bleu .bouton3HautG{
background: url(/images/v2/boutons/bouton3HautG_bleu.gif) no-repeat;
}
#bouton3Bleu .bouton3HautD{
background: url(/images/v2/boutons/bouton3HautD_bleu.gif) no-repeat;
}
#bouton3Bleu .bouton3BasG{
background: url(/images/v2/boutons/bouton3BasG_bleu.gif) no-repeat;
}
#bouton3Bleu .bouton3BasD{
background: url(/images/v2/boutons/bouton3BasD_bleu.gif) no-repeat;
}

/* Propriete specifique pour le bouton ROUGE *********************************/
#bouton3Rouge{
background-color: #DC483C;
border: 1px solid #993129;
padding-bottom: 4px;
}
*html #bouton3Rouge{
padding-bottom: 2px;
}
#bouton3Rouge .bouton3HautG{
background: url(/images/v2/boutons/bouton3HautG_rouge.gif) no-repeat;
}
#bouton3Rouge .bouton3HautD{
background: url(/images/v2/boutons/bouton3HautD_rouge.gif) no-repeat;
}
#bouton3Rouge .bouton3BasG{
background: url(/images/v2/boutons/bouton3BasG_rouge.gif) no-repeat;
}
#bouton3Rouge .bouton3BasD{
background: url(/images/v2/boutons/bouton3BasD_rouge.gif) no-repeat;
}

/* message type *******************************************************************/
p.message{
	font-weight: bold;
}

p.messageRouge{
	font-weight: bold;
	color: #FF0000;
}

a.messageRouge{
	font-weight: bold;
	color: #FF0000;
	text-decoration:none;
}

a.messageRouge:hover{
	font-weight: bold;
	color: #FF0000;
	text-decoration:underline;
}



#contenuExclu2ans #formDevenirMembre p.messageRouge, #contenuExclu2ansAnnonce #formDevenirMembre p.messageRouge, #contenuEspaceMembre #formModifMembre p.messageRouge{
	font-weight: bold;
	color: #FF0000;
	text-align:left;
	background-color:#FFFFFF;
}



span.remarque{
font-size: 9px;
font-weight: normal;
margin: 0 0 0 8px;
}
/*********************************************************************************/
/*Elements toujours visibles (bandeau + espace membre + colonne Gauche + footer) */
/*********************************************************************************/

#baseline{
position: absolute;
top: 70px;
left: 0px;
width:990px; 
height:22px; 
background: #F3F3F3  url(/images/v2/baseline990.jpg) no-repeat;
}
#entete img{
margin: 7px 0 0 4px;
}


/* Bloc Pub 468x60 *****************************************************************/ 
#pub468x60{
position: absolute;
top: 5px;
left: 255px;
width: 468px;
height: 60px;
background-color: #CCCCCC;
}
#pub468x60 a{
margin: 0;
padding: 0;
}
#pub468x60 a img{
margin: 0;
padding: 0;
}

/* Bloc espace membre ************************************************************/ 
#blocMembre{
position : absolute;
z-index: 2;
top: 5px;
right: 5px;
width: 210px;
height: 56px;
padding-top: 24px;
background: url(/images/v2/bg_blocMembre.gif) no-repeat;
}
#formBlocMembre{
display: block;
margin: 0px 0 0 6px;
}
#formBlocMembre label{
float:left;
display: block;
width: 86px;
margin-bottom: 2px;
}
#formBlocMembre input{
float:left;
display: block;
width: 82px;
height: 11px;
margin-bottom: 2px;
margin-right: 4px;
}
#formBlocMembre button.btOk{
float:left;
display: block;
cursor: pointer;
width: 20px;
height: 17px;
background: url(/images/v2/btOk.gif) no-repeat;
border: 0;
}
#formBlocMembre a{
clear: both;
display: block;
margin: 0px;
}
#blocMembre #identite{
width: 200px;
margin: -1px 5px 3px 5px;
}
#blocMembre p{
margin: 0 0 0 5px;
}
#blocMembre a#compte{
font-weight: bold;
width: auto;
position: absolute;
bottom: 6px;
left: 5px;
}
#deconnexionBloc {
position: absolute;
bottom: 6px;
right: 5px;
width: auto;
}
#deconnexionBloc a{
font-weight: bold;
}
#deconnexionBloc img{
margin-right: 2px;
vertical-align: text-bottom;
}

/* Bloc lien partenaire (blocs qui s'affichent dans la colonne gauche)*********/
.blocPartenaire{
float: left;
background-color: #E9E9E9;
padding: 2px;
margin-bottom: 5px;
}
.blocPartenaire p.textePartenaire{
float: left;
font-weight: bold;
color: #666666;
margin: 0;
}
.blocPartenaire img.logoPartenaire{
float: right;
margin: -10px 0 0 0;
}
.blocPartenaire .boutonPartenaire{
clear: both;
text-align: center;
margin-bottom: 5px;
}
.blocPartenaire .boutonPartenaire a{
border: 1px solid #898989;
padding: 1px 2px 1px 2px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
background: #B0B0B0 url(/images/v2/bg_boutonPartenaire.gif) repeat-x;
}

/* Menu en footer ***************************************************************/
#footer a{
font-weight: bold;
color: #666666;
text-decoration: none;
}
#footer span.separateur{
margin: 0 10px 0 10px;
font-weight: bold;
color: #666666;
}

/* Elements  du footer (Contacts, Informations generales, Conditions generales)****/

#contenuFichesPratiques{
float:left;
width: 765px;
min-height: 419px;
background: url(/images/v2/bg_espaceFichesPratiques.gif) no-repeat;
padding: 31px 10px 10px 10px;
}
*html #contenuFichesPratiques{
height: 419px;
} 
 
#contenuPartenaires{
float:left;
width: 765px;
min-height: 419px;
background: url(/images/v2/bg_espacePartenaires.gif) no-repeat;
padding: 31px 10px 10px 10px;
}
*html #contenuPartenaires{
height: 419px;
}





#contenuContacts{
float:left;
width: 765px;
min-height: 419px;
background: url(/images/v2/bg_espaceContacts.gif) no-repeat;
padding: 31px 10px 10px 10px;
}
*html #contenuContacts{
height: 419px;
}

#contenuInformations{
float:left;
width: 765px;
min-height: 419px;
background: url(/images/v2/bg_espaceInformations.gif) no-repeat;
padding: 31px 10px 10px 10px;
}
*html #contenuInformations{
height: 419px;
}
#contenuInformations li span.bold{
display: block;
margin: 4px 0 0 0;
}
#contenuConditions{
float:left;
width: 765px;
min-height: 419px;
background: url(/images/v2/bg_espaceConditions.gif) no-repeat;
padding: 31px 10px 10px 10px;
}
*html #contenuConditions{
height: 419px;
}


/*********************************************************************************/
/* Elements de la HOME PAGE */
/*********************************************************************************/

/* Elements utilises pour un affichage 2 colonnes (VRP/AC + Commerciaux experimentes***/
#contenuCentre .lien{
clear:left;
width: 380px;
margin: 0 auto 5px auto;
padding: 0;
}

*html #contenuCentre .lien{
margin: 0 auto 5px auto;
}


#contenuCentre .lien p{
color: #808080;
margin: 0;
padding: 0;
}
#contenuCentre #colonneEspace1 .lien p.titre{
text-transform: uppercase;
color: #396788;
font-weight: bold;
margin-bottom: 3px;
}
#contenuCentre #colonneEspace2 .lien p.titre{
text-transform: uppercase;
color: #E07605;
font-weight: bold;
margin-bottom: 3px;
}
#contenuCentre #colonneEspace1 .lien .btCliquezVrp{
float:right;
margin-right: 5px;
height: 18px;
width:auto;
background: url(/images/v2/bt_cliquezVrpG.gif) no-repeat;
padding-left: 6px;
}
#contenuCentre #colonneEspace2 .lien .btCliquezVrp{
float:right;
margin-right: 5px;
height: 18px;
width:auto;
background: url(/images/v2/bt_cliquezExperimenteG.gif) no-repeat;
padding-left: 6px;
}

#contenuCentre #colonneEspace1 .lien .btCliquezVrp a, #contenuCentre #colonneEspace2 .lien .btCliquezVrp a{
float:left;
height: 16px;
padding-top: 2px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#contenuCentre #colonneEspace1 .lien .btCliquezVrpD{
float:left;
width: 6px;
height: 18px;
background: url(/images/v2/bt_cliquezVrpD.gif) no-repeat;
}
#contenuCentre #colonneEspace2 .lien .btCliquezVrpD{
float:left;
width: 6px;
height: 18px;
background: url(/images/v2/bt_cliquezExperimenteD.gif) no-repeat;
}

/* Elements espace pour VRP/AC et Commerciaux experimentes *************************/
#contenuEspaceVRP{
float:left;
width: 765px;
min-height: 419px;
background: url(/images/v2/bg_espaceVRP2.gif) no-repeat;
padding: 31px 10px 10px 10px;
}
*html #contenuEspaceVRP{
height: 419px;
}
#contenuEspaceVRP p{
clear: left;
margin: 0 0 10px 0;
font-weight: normal;
}
#contenuEspaceVRP p.accrocheFleche{
background: url(/images/v2/puce_flecheVRP.gif) no-repeat;
padding-left: 20px;
}
#contenuEspaceVRP .accrocheFleche{
background: url(/images/v2/puce_flecheVRP.gif) no-repeat;
padding-left: 20px;
}
#contenuEspaceVRP p.titreFormulaire{
background-color: #679BC0;
color: #FFFFFF;
width: 100%;
font-weight: bold;
text-align: center;
margin: 0;
padding: 2px 0px 2px 0px;
}
#contenuEspaceVRP p.margeVRP{
margin: 0px 0 0 240px;
}
#contenuEspaceVRP .colEspace{
float: left;
width: 382px;
}

/* Elements espace pour exclu 2ans commerciaux experimentes **************************/
#contenuExclu2ans, #contenuExclu2ansAnnonce{
float:left;
width: 765px;
min-height: 419px;
background: url(/images/v2/bg_espaceExclu2ansV2.gif) no-repeat;
padding: 31px 10px 10px 10px;
}
*html #contenuExclu2ans, *html #contenuExclu2ansAnnonce{
height: 419px;
}
#contenuExclu2ans p, #contenuExclu2ansAnnonce p{
clear: left;
margin: 0 0 10px 0;
font-weight: normal;
}
#contenuExclu2ans p.margeExclu2ans, #contenuExclu2ans p.margeExclu2ansAnnonce{
clear: both;
margin: 0px 240px 0 0;
}
#contenuExclu2ans .colEspace, #contenuExclu2ansAnnonce .colEspace{
float: left;
width: 382px;
}
#contenuExclu2ans p.accrocheFleche, #contenuEspaceExclu2ansAnnonce p.accrocheFleche{
background: url(/images/v2/puce_flecheExclu2ans.gif) no-repeat;
padding-left: 20px;
}
#contenuExclu2ans .accrocheFleche, #contenuExclu2ansAnnonce .accrocheFleche{
background: url(/images/v2/puce_flecheExclu2ans.gif) no-repeat;
padding-left: 20px;
}
#contenuExclu2ans p.titreFormulaire, #contenuEspaceExclu2ansAnnonce p.titreFormulaire{
background-color: #E6861F;
color: #FFFFFF;
width: 100%;
font-weight: bold;
text-align: center;
margin: 0;
padding: 2px 0px 2px 0px;
}

/*********************************************************************************/
/* Elements de la page ACCUEIL SOCIETE */
/*********************************************************************************/

/* Formulaire d'identification compte membre dans l'accueil societe **************/
#formIdentification{
display: block;
margin: 0px 0 20px 90px;
width: 210px;
}
#formIdentification label{
float:left;
display: block;
width: 86px;
margin-bottom: 4px;
}
#formIdentification input{
float:left;
display: block;
width: 82px;
height: 11px;
margin-bottom: 4px;
margin-right: 4px;
}
#saisieEmail #formIdentification{
display: block;
margin: 0px 0 20px 90px;
width: 360px;
}
#saisieEmail #formIdentification input{
float: left;
display: block;
width: 150px;
height: 11px;
margin-bottom: 4px;
margin-right: 4px;
}
#saisieEmail  #formIdentification label{
width: auto;
margin-right: 4px;
}
#formIdentification button.btOk{
float:left;
display: block;
cursor: pointer;
width: 20px;
height: 17px;
background: url(/images/v2/btOk.gif) no-repeat;
border: 0;
}
#formIdentification a{
clear: both;
display: block;
margin: 2px 0 0 0;
}
a#lienCodes{
display: block;
clear:both;
}

/* bouton devenir membre dans l'accueil societe **********************************/
#contenuEspaceVRP .btDevenirMembre{
margin: 20px 0 0 120px;
width: 130px;
height: 28px;
background: url(/images/v2/bt_devenirMembre.gif) no-repeat;
text-align: center;
}
#contenuEspaceVRP .btDevenirMembre a{
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
#contenuEspaceVRP a span.gratuitement{
color: #CCFF00;
text-transform: uppercase;
}

#contenuExclu2ans .btDevenirMembre, #contenuExclu2ansAnnonce .btDevenirMembre, #contenuEspaceMembre  .btDevenirMembreExclu{
margin: 20px 0 20px 20px;
width: 130px;
height: 28px;
background: url(/images/v2/bt_devenirMembreExclu2ans.gif) no-repeat;
text-align: center;
}
#contenuExclu2ans .btDevenirMembre a, #contenuExclu2ansAnnonce .btDevenirMembre a, #contenuEspaceMembre  .btDevenirMembreExclu a{
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
#contenuExclu2ans a span.gratuitement, #contenuExclu2ansAnnonce a span.gratuitement{
color: #CCFF00;
text-transform: uppercase;
}

/*********************************************************************************/
/* Elements de la page ESPACE MEMBRE dans l'espace VRP/AC */
/*********************************************************************************/

#contenuEspaceVRP .lienVRP {
background: url(/images/v2/puce_flecheBleu.gif) top left no-repeat;
padding: 0px 0 0px 25px;
height: 22px;
margin: 0 0 16px 0;
}
*html #contenuEspaceVRP .lienVRP {
background: url(/images/v2/puce_flecheBleu.gif) 2px left no-repeat;
padding: 0px 0 0px 25px;
height: 22px;
}
#contenuEspaceVRP .lienVRP a{
font-weight: bold;
text-decoration: none;
}
#contenuEspaceVRP .lienVRP a img{
padding: 0px 0px 0px 0px;
margin-left: 10px;
}
#contenuEspaceVRP .lienVRP a span.alignLien{
display: block;
padding: 8px 0px 0px 0px;
margin: 0;
}
#contenuEspaceVRP .lienVRP p{
position: relative;
margin: 0px 0 0 0;
padding: 0;
}


/*********************************************************************************/
/* Elements de la page ESPACE MEMBRE dans l'espace Commerciaux experimentes */
/*********************************************************************************/

#contenuExclu2ans .lienExclu2ans, #contenuExclu2ansAnnonce .lienExclu2ans  {
background: url(/images/v2/puce_flecheOrange.gif) top left no-repeat;
padding: 0px 0 0px 25px;
/*height: 22px;*/
margin: 0 0 16px 0;
}
*html #contenuExclu2ans .lienExclu2ans, *html #contenuExclu2ansAnnonce .lienExclu2ans {
background: url(/images/v2/puce_flecheOrange.gif) 2px left no-repeat;
padding: 0px 0 0px 25px;
height: 22px;
}
#contenuExclu2ans .lienExclu2ans a, #contenuExclu2ansAnnonce .lienExclu2ans a{
font-weight: bold;
text-decoration: none;
}

#contenuExclu2ans .lienExclu2ans a img, #contenuExclu2ansAnnonce .lienExclu2ans a img{
padding: 0px 0px 0px 0px;
margin-left: 10px;
}

#contenuExclu2ans .lienExclu2ans a span.alignLien, #contenuExclu2ansAnnonce .lienExclu2ans a span.alignLien{
display: block;
padding: 8px 0px 0px 0px;
margin: 0;
}
#contenuExclu2ans .lienExclu2ans p, #contenuExclu2ansAnnonce .lienExclu2ans p{
position: relative;
margin: 0px 0 0 0;
padding: 0;
}

/* "Bloc gestion" de l'espace membre qui vient s'afficher dans l'espace membre positionne suivant l'espace selectionne (VRP, Commerciaux...)*/
#blocGestionEspaceMembre{
width: 400px;
margin: 20px 0 0 310px;

background-color: #F5F5F5;
}
#blocGestionEspaceMembreExclu2ans{
width: 400px;
margin: 40px 240px 0 60px;
background-color: #F5F5F5;
}
/* proprietes communes a l'ensemble des 4 coins */
#hautG, #hautD, #basG, #basD{
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* images specifiques de chaque coin du bloc*/
#hautG{
background: url(/images/v2/blocGestionEM/hautG.gif);
}
#hautD{
float: right;
background: url(/images/v2/blocGestionEM/hautD.gif);
}
#basG{
background: url(/images/v2/blocGestionEM/basG.gif);
}
#basD{
float: right;
background: url(/images/v2/blocGestionEM/basD.gif);
}
#contenuBlocGestionEspaceMembre {
margin: 0 0 -10px 10px;
}
#contenuBlocGestionEspaceMembre p.titreBlocGestionEspaceMembre{
text-transform: uppercase;
margin: 0 0 10px 0;
font-weight: bold;
color: #DC483C;
}

/* Liens espace membre****************************************************************/
.lienEspaceMembre{
background: url(/images/v2/puce_flecheRouge.gif) top left no-repeat;
padding: 0px 0 0px 25px;
height: 22px;
margin: 0 0 10px 0;
}
.lienEspaceMembre a{
display: block;
font-weight: bold;
text-decoration: none;
padding-top: 4px;

}
.lienEspaceMembre p{
clear: both;
margin: 0;
}

/* Bouton de deconnexion de l'espace membre VRP ****************************************/
#deconnexion {
position: absolute;
bottom: 30px;
right: 5px;
width: auto;
}
#deconnexion a{
font-weight: bold;
text-decoration: none;
}
#deconnexion a img{
margin-right: 5px;
}
/* Bouton de deconnexion de l'espace membre Exclu2ans **********************************/
#deconnexionExclu2ans {
position: absolute;
bottom: 30px;
right: 245px;
width: auto;
}
#deconnexionExclu2ans a{
font-weight: bold;
text-decoration: none;
}
#deconnexionExclu2ans a img{
margin-right: 5px;
}
/* Bouton acces a l'espace Commerciaux experimentes **********************************/
a#accesComExperimentes{
position: absolute;
top: 136px;
right: 5px;
width: auto;
}
/* Bouton acces a l'espace VRP/AC ****************************************************/
a#accesVRPAC{
position: absolute;
top: 136px;
right: 5px;
width: auto;
}

/*************************************************************************************/
/* Elements ESPACE MEMBRE (acces direct par le bloc d'identification */
/*************************************************************************************/

#contenuEspaceMembre{
float:left;
width: 765px;
min-height: 419px;
background: url(/images/v2/bg_espaceMembre.gif) no-repeat;
padding: 31px 10px 10px 10px;
}
*html #contenuEspaceMembre{
height: 419px;
}
#contenuEspaceMembre p{
clear: left;
}
#contenuEspaceMembre .colEspace{
float: left;
width: 332px;
margin-bottom: 30px;
padding-left: 50px;
}

#contenuEspaceMembre .colEspaceCentre{
clear:both;
float: left;
/*padding-left : 240px;*/
}

/* "Bloc gestion" de l'espace membre qui vient s'afficher dans l'espace membre positionne suivant l'espace selectionne (VRP, Commerciaux...)*/
#blocGestionEspaceMembre{
width: 400px;
/*margin: 20px 0 0 310px;*/
margin: 20px 0 0 200px;
background-color: #F5F5F5;
}





/* Lien permettant d'acceder à l'espace Membre VRP***********************************/
#lienEspaceVRP{
width: 271px;
height: 120px;
background: url(/images/v2/lienEspaceVRP.gif) no-repeat;
}
#lienEspaceVRP p{
height: 90px;
margin-bottom: 0px;
}
#lienEspaceVRP a.btTransparent, #lienEspaceComExperimentes a.btTransparent{
position: relative;
top: 0px;
left: 0px;
display: block;
width: 271px;
height: 30px;
background: none;
text-decoration:none;
}

/* Lien permettant d'acceder à l'espace Membre Commerciaux experimentes**************/
#lienEspaceComExperimentes{
width: 271px;
height: 120px;
background: url(/images/v2/lienEspaceComExperimentes.gif) no-repeat;
}
#lienEspaceComExperimentes p{
height: 90px;
margin-bottom: 0px;
}
#contenuEspaceMembre .lienEspaceMembre{
clear:left;
}


/************************************************************************************/
/* Page de formulaire "DEVENIR MEMBRE" */
/************************************************************************************/
#formDevenirMembre{
display: block;
margin: 0px 0 20px 20px;
width: auto;
}
#formDevenirMembre p{
background-color: #679BC0;
color: #FFFFFF;
font-weight: bold;
text-align: center;
margin: 0 0 8px 0;
padding: 2px 4px 2px 4px;
}
#contenuExclu2ans #formDevenirMembre p, #contenuExclu2ansAnnonce #formDevenirMembre p{
background-color: #E6861F;
color: #FFFFFF;
font-weight: bold;
text-align: center;
margin: 0 0 8px 0;
padding: 2px 4px 2px 4px;
}
#formDevenirMembre .colonne1{
float: left;
margin: 0px 10px 16px 0px;
width: 350px;
padding: 0;
}
#formDevenirMembre .colonne2{
float:left;
margin: 0px 0px 16px 360px;
width: 350px;
padding: 0;
}
*html #formDevenirMembre .colonne2{
float: none;
display: block;
clear: both;
}
#formDevenirMembre .colonneG{
clear: both;
margin: 0px 10px 0px 0px;
width: 350px;
padding: 0;
}
#formDevenirMembre .colonneLogin{
float: right;
margin: -116px 10px 0px 0px;
width: 350px;
padding: 0;
}
#formDevenirMembre label{
float: left;
width: 150px;
margin-right: 8px;
margin-bottom: 4px;
text-align: right;
font-weight: bold;
}
#formDevenirMembre input{
width: 135px;
margin-right: 5px;
/*height: 15px;*/
height: 15px;
}

#formDevenirMembre input.FileUp{
width: 135px;
margin-right: 5px;
height: 20px;
}


#formDevenirMembre span.valeur{
float: left;
display: block;
width: auto;
margin-bottom: 6px;
text-align: left;
}

#formDevenirMembre span.valeurRadio{
float: left;
display: block;
width: 160px;
margin: 0 0 6px -8px;
text-align: left;
vertical-align: middle;
}
#formDevenirMembre span.valeurRadio input{
width: auto;
margin-right: 0px;
margin-left: 8px;
}
#formDevenirMembre label#labelPassword{
float: left;
width: 195px;
margin-right: 8px;
margin-bottom: 4px;
text-align: right;
font-weight: bold;
}
#formDevenirMembre span.valeurPassword input{
width: 90px;
margin-bottom: 4px;
}
#contenuExclu2ans span#messageSaisieLogin{
display: block;
margin-top: 24px;
margin-left: 200px;
width: 150px;
}
#contenuEspaceVRP span#messageSaisieLogin{
display: block;
margin-top: 24px;
margin-left: 200px;
width: 150px;
}
#formDevenirMembre span#messageSaisieLogin{
display: block;
margin-top: 24px;
margin-left: 200px;
width: 150px;
}

#formDevenirMembre button.btValider{
clear:left;
display: block;
margin: 5px 0 0 140px;
cursor: pointer;
width: 52px;
height: 17px;
background: url(/images/v2/btValider.gif) no-repeat;
border: 0;
}

/***************************************************************************************/
/* Page de formulaire "PUBLIER UNE ANNONCE"
/***************************************************************************************/

/* Personnalisation du formulaire "PUBLIER UNE ANNONCE" pour rechercher des VRP/AC */
#contenuEspaceVRPAnnonce{
float:left;
width: 765px;
/*min-height: 429px;*/
background: url(/images/v2/bg_espaceVRPAnnonce.gif) no-repeat;
padding: 31px 10px 0px 10px;
}
*html #contenuEspaceVRPAnnonce{
/*height: 429px;*/
}
#contenuEspaceVRPAnnonce p{
margin: 0px 0px 8px 0px;
}

/* Personnalisation du formulaire "PUBLIER UNE ANNONCE" pour rechercher des commerciaux
   experimentes Exclu +2ans */
#contenuEspaceExclu2ansAnnonce{
float:left;
width: 765px;
/*min-height: 429px;*/
background: url(/images/v2/bg_espaceExclu2ansAnnonce.gif) no-repeat;
padding: 31px 10px 0px 10px;
}
*html #contenuEspaceExclu2ansAnnonce{
/*height: 429px;*/
}
#contenuEspaceExclu2ansAnnonce p{
margin: 0px 0px 8px 0px;
}
/* Elements du Formulaire "publier une annonce" ***************************************/
#formAnnonce{
clear: both;
margin: 20px auto 10px auto;
width: 750px;
height: auto;
background-color: #FAFAFA;
}
#formAnnonce p.titreFormulaire{
background-color: #679BC0;
color: #FFFFFF;
width: 750px;
font-weight: bold;
text-align: center;
padding: 2px 0px 2px 0px;
margin: 0;
}
#contenuEspaceExclu2ansAnnonce #formAnnonce p.titreFormulaire{
background-color: #E6861F;
color: #FFFFFF;
width: 750px;
font-weight: bold;
text-align: center;
padding: 2px 0px 2px 0px;
margin: 0;
}
#formAnnonce .ligneFormAnnonce{
clear: left;
height: auto;
width: 750px;
padding: 6px 0 6px 0;
margin: 0;
background-color: #FAFAFA;
}
#formAnnonce .colonne2{
float:left;
margin: 0px;
width: 375px;
background-color: #FAFAFA;
}
#formAnnonce .colonne3{
float:left;
width: 250px;
margin: 0px;
background-color: #FAFAFA;
border-bottom: 2px solid #FFFFFF;
}
#formAnnonce .colonneContact{
float: left;
margin: 0;
width:auto;
padding: 0 0 0 138px;
}
#contenuEspaceExclu2ansAnnonce #formAnnonce .colonneContact{
float: left;
margin: 0;
width:auto;
padding: 0 0 0 188px;
}
#formAnnonce label{
float: left;
width: 130px;
font-weight: bold;
text-align: right;
padding-right: 8px;
}
#contenuEspaceExclu2ansAnnonce #formAnnonce label{
float: left;
width: 180px;
font-weight: bold;
text-align: right;
padding-right: 8px;
}

#formAnnonce .colonne3 label, #contenuEspaceExclu2ansAnnonce #formAnnonce .colonne3 label{
float: left;
width: 150px;
margin:0 8px 0px 0;
font-weight: bold;
padding-bottom: 8px;contenuEspaceVRPAnnonce
}
#formAnnonce label.sousLabel, #contenuEspaceExclu2ansAnnonce #formAnnonce label.sousLabel{
float: left;
width: auto;
margin-right: 8px;
text-align: left;
font-weight: normal;
}
#formAnnonce input{
width: auto;
margin-right: 5px;
height: 12px;
}
#formAnnonce textarea{
margin: 0;
width: 340px;
height: 156px;
}
#formAnnonce select{
width: auto;
margin-right: 5px;
height: 16px;
}
#formAnnonce span.valeur{
float: left;
display: block;
width: auto;
height: auto;
text-align: left;
}

#formAnnonce span.valeurTexte{
clear: left;
display: block;
margin-left: 8px;
width: auto;
height: auto;
text-align: left;
}
#formAnnonce span.valeurRadio{
float: left;
margin: 0;
}
#formAnnonce span.valeurRadio input{
width: auto;
margin:0 5px 4px 0;
height:13px;
border: none;
}
#formAnnonce .texteExemple{
float:left;
display: block;
width: 350px;
margin: 0px 4px 0px 0;
height: auto;
text-align: left;
background-color: #FEFEFE;
}
#formAnnonce label{
margin: 0 0 5px 0;
}
#formAnnonce .texteExemple p{
clear: both;
}
#formAnnonce #contactCoordonnees{
float: left;
width:300px;
margin: 6px 0 6px 0;
text-align: left;
}
#formAnnonce #contactAnonyme{
float: left;
width:300px;
margin: 6px 0 6px 0;
text-align: left;
}
#contenuEspaceExclu2ansAnnonce #formAnnonce #contactCoordonnees{
float: left;
width:270px;
margin: 6px 0 6px 0;
text-align: left;
}
#contenuEspaceExclu2ansAnnonce #formAnnonce #contactAnonyme{
float: left;
width:270px;
margin: 6px 0 6px 0;
text-align: left;
}
#formAnnonce #contactCoordonnees #contactDetails{
float: left;
width:auto;
margin: 0;
padding: 0;
}
#formAnnonce span.remarque{
clear: both;
display: block;
font-size: 9px;
font-weight: normal;
margin: 4px 0 8px 0;
}
#formAnnonce #contactCoordonnees label.valeurContact{
float: left;
width: 130px;
font-weight: bold;
text-align: left;
margin:0;
font-size: 10px;
}
#formAnnonce #contactCoordonnees .valeur{
float: none;
display: inline;
margin-left: 0px;
text-align: right;
}
#formAnnonce #contactCoordonnees input{
margin: 0 0 2px 0;
}
#formAnnonce button.btVisualiser{
float: left;
margin: 0px 5px 10px 290px;
cursor: pointer;
width: 136px;
height: 17px;
background: url(/images/v2/btVisualiser.gif) no-repeat;
border: 0;
}

/****************************************************************************************/
/* ESPACE MEMBRE PAGE LISTE DES ANNONCES */
/****************************************************************************************/
#tableauListeAnnonces{
clear: both;
width: 764px;
background-color: #F7F7F7;
margin-bottom: 10px;
}
#tableauListeAnnonces td{
height: 20px;
}
.ligne1{
background-color: #F7F7F7;
}
.ligne2{
background-color: #FFF;
}
#tableauListeAnnonces thead{
height: 22px;
background-color: #F2584C;
font-weight: bold;
}
#tableauListeAnnonces thead td{
color: #FFFFFF;
font-weight: bold;
}

/****************************************************************************************/
/* ESPACE MEMBRE PAGE LISTE DES PACKS */
/****************************************************************************************/
#tableauListePacks{
clear: both;
width: 764px;
background-color: #F7F7F7;
margin-bottom: 10px;
}
#tableauListePacks td{
height: 20px;
}
#tableauListePacks td.ref, #tableauListePacks td.statutPack, #tableauListePacks td.detailPack{
width: auto;
}
#tableauListePacks td.date{
width: 90px;
}
#tableauListePacks td.typePack{
width: 160px;
}
#tableauListePacks td.nbeContacts{
width: 136px;
}
#tableauListePacks td.contactsRestants{
width: 130px;
}
#tableauListePacks thead{
height: 28px;
background-color: #F2584C;
font-weight: bold;
}
#tableauListePacks thead td{
color: #FFFFFF;
font-weight: bold;
padding: 2px;
font-size: 11px;
}

/****************************************************************************************/
/* ESPACE MEMBRE PAGE LISTE DES COMMANDES */
/****************************************************************************************/
#tableauListeCommandes{
clear: both;
width: 764px;
background-color: #F7F7F7;
margin-bottom: 10px;
}
#tableauListeCommandes td{
height: 20px;
}
#tableauListeCommandes thead{
height: 22px;
background-color: #F2584C;
font-weight: bold;
}
#tableauListeCommandes thead td{
color: #FFFFFF;
font-weight: bold;
}

/****************************************************************************************/
/* FACTURE TYPE */
/****************************************************************************************/
#refFacture{
color: #DC483C;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 40px 0;
}
#coordonneesEditialis {
float: left;
width: 275px;
height: 150px;
padding: 5px;
background-color: #FAFAFA;
}
#coordonneesEditialis p{
margin: 0 0 5px 0;
}
#adresseEditialis{
text-transform: uppercase;
}
#infoEditialis{
line-height: 14px;
}
#infoFacture {
float: right;
width: 300px;
height: 40px;
padding: 5px;
margin-bottom: 5px;
background-color: #FAFAFA;
}
#dateFacture{
float: left;
margin-right: 20px;
}
#numFacture{
float: left;
}
#coordonneesClient{
float: right;
width: 458px;
height: 93px;
padding: 5px;
border: 1px solid #F4F4F4;
}
#coordonneesClient p{
margin: 5px 0 5px 0;
}
#tableauFacture{
clear: both;
width: 764px;
margin: 10px 0 10px 0;
background-color: #F7F7F7;
margin-bottom: 10px;
}
#tableauFacture td{
height: 20px;
}
#tableauFacture thead{
height: 22px;
background-color: #F2584C;
font-weight: bold;
}
#tableauFacture thead td{
color: #FFFFFF;
font-weight: bold;
}
#tableauFacture span.bold{
float: left;
}
#tableauFacture span.tarif{
float: right;
margin-right: 10px;
}

/****************************************************************************************/
/* FICHE "ANNONCE DETAILLEE" ET "PACK DETAILLE" */
/****************************************************************************************/
#titreRefAnnonce, #titreRefPack{
color: #DC483C;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 10px 0;
}
#texteFicheAnnonce, #texteFichePack{
margin: 0 0 10px 0;
}
#texteFichePack a{
font-weight: bold;
}
#ficheAnnonce{
width: 750px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
#fichePack{
width: 750px;
margin-top: 0;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
#ficheAnnonceModification{
width: 750px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
#enteteFicheAnnonce{
float: left;
width: 100%;
margin-bottom: 4px;
}
#enteteFicheAnnonce a{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
background: url(/images/v2/puce_flecheBlanche.gif) no-repeat;
padding-left: 6px;
}
#reponses, #statistiques{
float: left;
width: 246px;
height: 24px;
background-image: url(/images/v2/bg_enteteAnnonce.gif);
margin:0 6px 0 0px;
text-align: center;
padding-top: 6px;
}
#statut{
float: left;
width: 246px;
height: 28px;
padding-top: 2px;
background-image: url(/images/v2/bg_enteteAnnonce.gif);
margin:0px;
text-align: center;
}
#statut a{
clear: both;
}
#intituleStatut{
color: #FFFFFF;
font-weight:bold;
margin-right: 5px;
}
#donneeStatut{
display: inline;
font-weight: normal;
color: #FFFFFF;
}
#zoneDonneesFixes{
clear: left;
background-color: #FAFAFA;
width: 740px;
height: 15px;
margin-bottom: 6px;
padding: 5px;
}
#ref, #dateCreation, #dateEcheance{
float: left;
width: auto;
height: auto;
margin-left: auto;
margin-right:20px;
}
#fichePack #ref, #fichePack #dateCreation, #fichePack #dateEcheance, #fichePack #prix, #fichePack #paiement, #fichePack #reglement{
float: left;
width: 245px;
height: auto;
margin: 0;
}
#fichePack #typePack{
float: left;
width: auto;
height: auto;
margin: 0;
}
#zoneDonneesModifiables{
width: 750px;
}
#texteAnnonce, #produitsServices, #clientele, #statutForm, #contactForm, #intitulePoste, #typeContrat, #localisation, #fonction, #secteur{
float: left;
border-bottom: 6px solid #FFFFFF;
background-color: #FBFBFB;
width: 740px;
padding: 5px;
}
.intitule{
font-weight: bold;
margin-right: 10px;
}
#texteAnnonce .intitule, #produitsServices .intitule, #clientele .intitule, #statutForm .intitule, #contactForm .intitule, #intitulePoste .intitule, #typeContrat .intitule, #localisation .intitule, #fonction .intitule, #secteur .intitule{
float: left;
width: 140px;
font-weight: bold;
margin-right: 10px;
}
.donneeModifiable {
float: left;
width: 525px;
}
#texteAnnonce .donneeModifiable{
height: auto;
}
#ficheAnnonceModification textarea{
width: 515px;
height: 88px;
}
#ficheAnnonceModification #clientele textarea{
height: 34px;
}
.donneeModifiableContact1{
float: left;
width: 300px;
}
.donneeModifiableContact1 p{
margin: 0;
}
.donneeModifiableContact1 span{
font-size: 10px;
float: left;
display: block;
width: 90px;
margin: 0 0 2px 0;
}
.donneeModifiableContact1 input{
float: left;
height: 12px;
margin: 0 0 2px 0;
}
.donneeModifiableContact2{
float: left;
width: 200px;
}
.btModifierAnnonce{

	float: right;
	display:block;
	cursor: pointer;
	width: 59px;
	height: 17px;
	background: url(/images/v2/btModifier.gif) no-repeat;
	border: 0;	
	text-decoration:none;

}
.btValiderModification{
	background: url(/images/v2/btValiderModification.gif) no-repeat;
	clear:left ;
	display: block;
	width: 166px;
	height: 17px;
	border: 0;
	padding: 0;
	margin-bottom: -20px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;

}
/* Blocs statistiques et messages  **************************************************/
#blocStatistiques{
background-color: #FFFFFF;
float: left;
width: 736px;
height: auto;
border: 2px solid #CCCCCC;
padding: 10px 5px 10px 5px;
margin: 6px auto 12px auto;
/* Modif WR 21 07 06
visibility:hidden;
display: none;*/
}
#blocStatut{
background-color: #FFFFFF;
float: left;
width: 736px;
height: auto;
border: 2px solid #CCCCCC;
padding: 10px 5px 10px 5px;
margin: 6px auto 12px auto;
/* Modif WR 21 07 06
visibility:hidden;
display: none;*/
}
#blocStatut form{
width: 500px;
text-align: center;
margin: 0 auto 0 auto;
}
#blocStatut form button.btValider{
clear:left;
display: block;
margin-top: 10px;
cursor: pointer;
width: 52px;
height: 17px;
background: url(/images/v2/btValider.gif) no-repeat;
border: 0;
}
#blocMessages{
clear: both;
background-color: #FFFFFF;
width: 740px;
height: auto;
padding: 10px 5px 5px 5px;
margin: 0px auto 12px auto;
}
#blocStatistiques p, #blocMessages p{
margin: 0 0 6px 0;
}
.titreBlocCache{
float: left;
font-weight: bold;
width: 170px;
}
.donneeStats{
float: left;
with: 475px;;
}
.donneeMessages{
float: left;
with: 475px;
}
.emailRecu a{
text-decoration: none;
}
.listeEmail{
float: left;
clear:both;
margin: 10px 4px 0 0;
width: 170px;
}
.emailRecu{
margin: 0 0 4px 0;
}
#emailVisualiser{
float: left;
margin-top: 10px;
width: 556px;
padding: 5px;
height: auto;
background-color: #FAFAFA;
}

.listeEmail a{
padding: 2px 0 2px 0;
text-decoration:none;
}
.listeEmail a:hover{
padding: 2px 0 2px 0;
text-decoration:underline;
}




.listeEmail a.actif{
font-weight: bold;
color: #FFF;
background-color: #999999;
text-decoration:none;
}
.listeEmail a.actif:hover{
font-weight: bold;
color: #FFF;
background-color: #999999;
text-decoration:underline;
}



.listeEmail a.actif .bold{
color: #FFF;
text-decoration:none;
}
.listeEmail a.actif .bold:hover{
color: #FFF;
text-decoration:underline;
}



.listeEmail a.lu{
color: #666666;
/*font-style: italic;*/
text-decoration:none;
}

.listeEmail a.lu:hover{
color: #666666;
/*font-style: italic;*/
text-decoration:underline;
}

.listeEmail a.lu .bold{
color: #666666;
font-weight: normal;
text-decoration:none;
}

.listeEmail a.lu .bold:hover{
color: #666666;
font-weight: normal;
text-decoration:underline;
}


#emailVisualiser .coordonneesVRPAC{
float:right;
margin-bottom: 10px;
width: 193px;
padding-left: 5px;
border: 1px solid #EBEBEB;
background-color: #FEFEFE;
}
#emailVisualiser .coordonneesVRPAC a{
display: block;
clear: both;
}
#emailVisualiser .identiteVRPAC{
float:left;
font-weight: bold;
}
#emailVisualiser .texteMessage{
float:left;
margin-bottom: 10px;
width: 350px;
}

#emailVisualiser .texteMessage a{
	color: #666666;
	font-size: 13px;
	font-weight:bold;
text-decoration:none;
}

#emailVisualiser .texteMessage a:hover{
	color: #666666;
	font-size: 13px;
	font-weight:bold;
	text-decoration:underline;
}


#emailVisualiser p.raisonSocialeVRPAC{
display: block;
}
#emailVisualiser .coordonneesVRPAC p{
clear: left;
display:block;
}

/************************************************************************************/
/* Page de DONNEES DU COMPTE MEMBRE */
/************************************************************************************/
#donneesMembre{
display: block;
margin: 0px 0 20px 0px;
width: auto;
padding-left: 10px;
}
#donneesMembre .ligne{
float: left;
width: 100%;
}
#donneesMembre p{
background-color: #F2584C;
color: #FFFFFF;
font-weight: bold;
text-align: center;
margin: 0 0 10px 0;
padding: 2px 4px 2px 4px;
}
#donneesMembre .colonne1{
float: left;
margin: 0px 20px 16px 0px;
width: 360px;
padding: 0;
}
#donneesMembre .colonne2{
float: left;
margin: 0px 0px 16px 0px;
width: 360px;
padding: 0;
}
#donneesMembre .colonnePassword{
float: left;
margin: 0px 0px 30px 0px;
width: 360px;
padding: 0;
}
#donneesMembre label{
float: left;
width: 106px;
margin-right: 8px;
margin-bottom: 12px;
text-align: right;
font-weight: bold;
}
#donneesMembre .colonnePassword label{
float: left;
width: 200px;
margin-right: 8px;
margin-bottom: 12px;
text-align: right;
font-weight: bold;
}
#donneesMembre span.valeur{
float: left;
display: block;
width: 145px;
margin-bottom: 12px;
text-align: left;
}

/************************************************************************************/
/* Page de formulaire de MODIFIER LES DONNEES COMPTE MEMBRE */
/************************************************************************************/
#formMembreModification{
display: block;
margin: 0px 0 20px 0px;
width: auto;
padding-left: 10px;
}
#formMembreModification .ligne{
float: left;
width: 100%;
}
#formMembreModification p{
background-color: #F2584C;
color: #FFFFFF;
font-weight: bold;
text-align: center;
margin: 0 0 10px 0;
padding: 2px 4px 2px 4px;
}
#formMembreModification .colonne1{
float: left;
margin: 0px 20px 16px 0px;
width: 360px;
padding: 0;
}
#formMembreModification .colonne2{
float: left;
margin: 0px 0px 16px 0px;
width: 360px;
padding: 0;
}
#formMembreModification label{
float: left;
width: 106px;
margin-right: 8px;
margin-bottom: 4px;
text-align: right;
font-weight: bold;
}
#formMembreModification input{
width: 135px;
margin-right: 5px;
height: 11px;
}
#formMembreModification span.valeur{
float: left;
display: block;
width: auto;
margin-bottom: 6px;
text-align: left;
}
#formMembreModification button.btValider{
clear:left;
display: block;
margin: 5px 0 0 140px;
cursor: pointer;
width: 52px;
height: 17px;
background: url(/images/v2/btValider.gif) no-repeat;
border: 0;
}

/************************************************************************************/
/*  Page de PRESENTATION "PACK CONTACT" et PRESENTATION "PUBLIER UNE ANNONCE" */
/************************************************************************************/
#contenuEspaceVRP p.titrePack{
color: #5688AC;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding-bottom: 10px;
}
#contenuExclu2ans p.titrePack{
color: #E07605;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding-bottom: 10px;
}

/* bouton Souscrire a une offre et bouton Publier une annonce VRP/AC *****************/
.btSouscrire, .btPublier{
position: relative;
margin: 30px auto 0 420px;
padding-top: 2px;
width: 130px;
height: 26px;
background: url(/images/v2/bt_devenirMembre.gif) no-repeat;
text-align: center;
line-height: 12px;
}
.btSouscrire a, .btPublier a{
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

/*bouton Publier une annonce commerciaux experimentes ********************************/
.btPublierExclu2ans{
position: relative;
margin: 30px 420px 0 auto;
padding-top: 2px;
width: 130px;
height: 26px;
background: url(/images/v2/bt_devenirMembreExclu2ans.gif) no-repeat;
text-align: center;
line-height: 12px;
}
.btPublierExclu2ans a{
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
/*bouton Publier une annonce commerciaux experimentes format long ********************************/
.btPublierExclu2ansLong{
position: relative;
padding-top: 2px;
width: 320px;
height: 28px;
background: url(/images/v2/bt_devenirMembreExclu2ansLong.gif) no-repeat;
text-align: center;
line-height: 12px;
}
.btPublierExclu2ansLong a{
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}


/* Blocs pour les Offres exceptionnelles *********************************************/
.blocOffre{
float: right;
width: 194px;
height: auto;
}
.blocOffre img.blocOffreHaut{
display: block;
width: 194px;
height: 30px;
padding: 0;
}
.blocOffre img.blocOffreBas{
display: block;
width: 194px;
height: 18px;
padding: 0;
}
.blocOffre .blocOffreContenu{
display: block;
background-image: url(/images/v2/bg_blocOffre.gif);
}
#contenuEspaceVRP .blocOffre p.titreOffre{
border: 0;
text-align: center;
margin:0 0 4px 0;
padding: 0;
font-weight: bold;
font-size: 14px;
color: #5688AC;
}
#contenuExclu2ans .blocOffre p.titreOffre{
border: 0;
text-align: center;
margin:0 0 4px 0;
padding: 0;
font-weight: bold;
font-size: 14px;
color: #E07605;
}
.blocOffre p.texteOffre{
text-align: center;
margin:0 0 0 0;
}

/* Formulaire code de réduction *****************************************************/
form.reduction{
margin: 20px 0 0 240px;
}

/*************************************************************************************/
/* Page d'ACCUEIL CANDIDATS pour l'espace commerciaux experimentes EXCLU + 2 ans */
/*************************************************************************************/
#contenuExclu2ans p.titreEmploi{
color: #E07605;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding-bottom: 10px;
}

/*************************************************************************************/
/* MOTEUR DE RECHERCHE VRP/AC ou COMMERCIAUX EXPERIMENTES EXCLU + 2ANS */
/*************************************************************************************/
#contenuEspaceVRP .moteur{
width: 564px;
margin: 0px auto 0 auto;
padding: 0;
}
#contenuExclu2ans .moteur{
width: 564px;
margin: 30px auto 10px 4px;
padding: 0;
}

#contenuCentre .moteur{
width: 564px;
margin: 30px auto 10px 4px;
padding: 0;
}


#contenuExclu2ans .ongletUnique{
float: left;
width: 564px;
height: 33px;
padding: 2px 5px 0 10px;
background: url(/images/v2/moteur/onglet.gif) repeat-y;
}

.ongletUniqueAnnonceSoc{
float: left;
width: 564px;
height: 33px;
padding: 2px 5px 0 10px;
background: url(/images/v2/moteur/ongletuniquevrp.gif) repeat-y;
color: #FFFFFF;
}


#contenuEspaceVRP .ongletGon{
float: left;
width: 267px;
height: 33px;
padding: 2px 5px 0 10px;
background: url(/images/v2/moteur/ongletG_on.gif) repeat-y;
}
#contenuEspaceVRP .ongletGoff{
float: left;
width: 267px;
height: 33px;
padding: 2px 5px 0 10px;
background: url(/images/v2/moteur/ongletG_off.gif) repeat-y;
}
#contenuEspaceVRP .ongletDon{
float: left;
width: 267px;
height: 33px;
padding: 2px 5px 0 10px;
background: url(/images/v2/moteur/ongletD_on.gif) repeat-y;
}
#contenuEspaceVRP .ongletDoff{
float: left;
width: 267px;
height: 33px;
padding: 2px 5px 0 10px;
background: url(/images/v2/moteur/ongletD_off.gif) repeat-y;
}
#contenuEspaceVRP .ongletGon p, #contenuEspaceVRP .ongletDon p, #contenuExclu2ans .ongletUnique p{
font-weight: bold;
color: #FFF;
text-transform: uppercase;
margin: 0;
}
#contenuEspaceVRP .ongletGon a, #contenuEspaceVRP .ongletDon a, #contenuExclu2ans .ongletUnique a{
font-weight: bold;
color: #FFF;
text-decoration: none;
margin: 0;
}
#contenuEspaceVRP .ongletGon a:hover, #contenuEspaceVRP .ongletDon a:hover{
text-decoration: underline;
}
#contenuEspaceVRP .ongletGoff p, #contenuEspaceVRP .ongletDoff p{
font-weight: bold;
color: #5794AE;
text-transform: uppercase;
margin: 0;
}
#contenuEspaceVRP .ongletGoff a, #contenuEspaceVRP .ongletDoff a{
font-weight: bold;
color: #5794AE;
text-decoration: none;
margin: 0;
}
#contenuEspaceVRP .ongletGon .inactif, #contenuEspaceVRP .ongletDon .inactif, #contenuExclu2ans .ongletUnique .inactif{
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin: 0;
}
#contenuEspaceVRP .ongletGoff a:hover, #contenuEspaceVRP .ongletDoff a:hover{
text-decoration: underline;
}
#contenuEspaceVRP .contenuMoteur{
float: left;
width: 564px;
background: url(/images/v2/moteur/bg_moteur.gif) repeat-y;
}
#contenuExclu2ans .contenuMoteur{
float: left;
width: 564px;
background: url(/images/v2/moteur/bg_moteurExclu2ans.gif) repeat-y;
}

#contenuCentre .contenuMoteur{
float: left;
width: 564px;
background: url(/images/v2/moteur/bg_moteur.gif) repeat-y;
}



#contenuEspaceVRP .basMoteur{
float: left;
width: 564px;
height: 10px;
background: url(/images/v2/moteur/basMoteur.gif) no-repeat;
}
#contenuExclu2ans .basMoteur{
float: left;
width: 564px;
height: 10px;
background: url(/images/v2/moteur/basMoteurExclu2ans.gif) no-repeat;
}

#contenuCentre .basMoteur{
float: left;
width: 564px;
height: 10px;
background: url(/images/v2/moteur/basMoteur.gif) no-repeat;
}

/*************************************************************************************/
/* Complément recherche thématiques
/*************************************************************************************/
.RechThematique{
width: 540px;
background-color: #E07605;
text-align:center;
clear:both; 
color: #FFFFFF;
padding: 3px 0 3px 0;
margin: 13px 0 13px 0;
}

.RechThematique2{
width: 100%;
background-color: #E07605;
text-align:center;
clear:both; 
color: #FFFFFF;
padding: 3px 0 3px 0;
margin: 13px 0 13px 0;
}

.RechThematiqueVRPAC{
width: 540px;
background-color: #5794AE;
text-align:center;
clear:both; 
color: #FFFFFF;
padding: 3px 0 3px 0;
margin: 13px 0 13px 0;
}

/* Formulaire du moteur de recherche *************************************************/
.formMoteur{
width: 564px;
padding: 20px 0 0px 0;
margin: 0;
}
.formMoteur label{
float: left;
width: 200px;
text-align: left;
margin-left: 24px;
margin-right: 5px;
margin-bottom: 8px;
font-weight: bold;
}
.formMoteur span.valeur{
float: left;
width: 335px;
}
.formMoteur input{
float: left;
width: 200px;
margin-right: auto;
margin-bottom: 8px;
text-align: left;
}
.formMoteur select{
width: auto;
margin-right: auto;
margin-bottom: 8px;
text-align: left;
}
.formMoteur button.btValider{
clear:left;
display: block;
margin: 4px auto 8px auto;
cursor: pointer;
width: 52px;
height: 17px;
background: url(/images/v2/btValider.gif) no-repeat;
border: 0;
}

/************************************************************************************/
/* LISTE DE RESULTATS ANNONCES VRP / AC */
/************************************************************************************/
.GoogleRech{
/*background-color: #E07605;
border: 1px solid #995103;
*/
width:728px;
clear:both;
display:block;
}

#contenuListeVRPAnnonce{
float:left;
width: 770px;
height: auto;
background: url(/images/v2/bg_espaceVRPAnnonce.gif) no-repeat;
padding: 50px 5px 10px 10px;
}
#contenuListeSocieteAnnonce{
float:left;
width: 770px;
height: auto;
background: url(/images/v2/bg_espaceVRPAnnonce.gif) no-repeat;
padding: 50px 5px 10px 10px;
}
#contenuListeExclu2ansAnnonce{
float:left;
width: 770px;
height: auto;
background: url(/images/v2/bg_espaceExclu2ansAnnonce.gif) no-repeat;
padding: 50px 5px 10px 10px;
}
.nombreAnnonces{
font-weight: bold;
}
.annonceVrpAc{
float: left;
width: 748px;
background-color: #FAFAFA;
margin-bottom: 20px;
}
.annonceSociete{
float: left;
width: 748px;
background-color: #FAFAFA;
margin-bottom: 20px;
}
.annonceExclu2ans{
float: left;
width: 748px;
background-color: #FAFAFA;
margin-bottom: 20px;
}
.contactEmail{
float: right;
width: 460px;
text-align: right;
padding-left: 6px;
margin: 0 3px 5px 0;
font-weight: bold;
}
.contactTelephone{
float: right;
width: 460px;
text-align: right;
padding-left: 6px;
margin: 0 3px 5px auto;
font-weight: bold;
}
.contactAdresse{
float: right;
width: 460px;
text-align: right;
padding-left: 6px;
margin: 0 3px 5px auto;
font-weight: bold;
}
.refAnnonce{
float: left;
width: 146px;
padding: 4px;
font-weight: bold;
color: #FFFFFF;
margin-right: 4px;
}
.annonceVrpAc .refAnnonce, .annonceSociete .refAnnonce{
background: url(/images/v2/bg_AnnonceH.gif) repeat-x;
}
.annonceExclu2ans .refAnnonce{
background: url(/images/v2/bg_AnnonceHExclu2ans.gif) repeat-x;
}
.statutAnnonce{
float: left;
width: 454px;
padding: 4px;
font-weight: bold;
color: #FFFFFF;
margin-right: 4px;
}
.annonceVrpAc .statutAnnonce, .annonceSociete .statutAnnonce{
background: url(/images/v2/bg_AnnonceH.gif) repeat-x;
text-decoration:none;
}
.annonceExclu2ans .statutAnnonce{
background: url(/images/v2/bg_AnnonceHExclu2ans.gif) repeat-x;
text-decoration:none;
width: 368px;
}




.typeContrat{
float: left;
width: 100px;
padding: 4px;
font-weight: bold;
color: #FFFFFF;
background: url(/images/v2/bg_AnnonceHExclu2ans.gif) repeat-x;
margin-right: 4px;
}
.dateAnnonce{
float: left;
width: 114px;
padding: 4px;
font-weight: bold;
color: #FFFFFF;
text-align: right;
}
.annonceVrpAc .dateAnnonce, .annonceSociete .dateAnnonce{
background: url(/images/v2/bg_AnnonceH.gif) repeat-x;
}
.annonceExclu2ans .dateAnnonce{
background: url(/images/v2/bg_AnnonceHExclu2ans.gif) repeat-x;
width: 90px;
}
.intituleAnnonce{
float: left;
font-weight: bold;
width: 160px;
}
.detailAnnonce{
float: left;
width: 570px;
}
.produitsAnnonce{
border-top: 2px solid #FFFFFF;
float: left;
width: auto;
padding: 6px 0 0 4px;
margin-bottom: 6px;
}
.clienteleAnnonce{
float: left;
width: auto;
padding: 2px 0 0 4px;
margin-bottom: 6px;
}
.fonction{
border-top: 2px solid #FFFFFF;
float: left;
width: auto;
padding: 6px 0 0 4px;
margin-bottom: 6px;
}
.secteur, .localisation{
float: left;
width: auto;
padding: 2px 0 0 4px;
margin-bottom: 6px;
/*
clear:both;*/

}
.descriptionAnnonce{
float: left;
width: auto;
padding: 2px 0 0 4px;
margin-bottom: 6px;
}
.contactAnnonce{
float: left;
width: auto;
padding: 2px 0 0 4px;
}
.reponseAnnonce{
float: left;
width: auto;
padding: 2px 0 0 4px;
margin-bottom: 6px;
}
.cv{
float: left;
width: auto;
padding: 2px 0 0 4px;
margin-bottom: 6px;
}
.annonceTraitee{
float:left;
width: auto;
color: #FF0000;
font-weight: bold;
padding-top: 2px;
}
.btAnnonce{
float:right;
height: 18px;
width:auto;
padding-left: 6px;
margin: 0 3px 5px 0;
}
.annonceVrpAc .btAnnonce, .annonceSociete .btAnnonce{
background: url(/images/v2/bt_cliquezVRPG.gif) no-repeat;
}
.annonceExclu2ans .btAnnonce{
background: url(/images/v2/bt_cliquezExclu2ansG.gif) no-repeat;
}
.btAnnonce a{
float:left;
height: 16px;
padding-top: 2px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.btAnnonceD{
float:left;
width: 6px;
height: 18px;
}
.annonceVrpAc .btAnnonceD, .annonceSociete .btAnnonceD{
background: url(/images/v2/bt_cliquezVrpD.gif) no-repeat;
}
.annonceExclu2ans .btAnnonceD{
background: url(/images/v2/bt_cliquezExclu2ansD.gif) no-repeat;
}

/* Page de presentation et de choix de l'offre de contact  */
.formOffresContact{
padding-left: 230px;
padding-right: 20px;
margin-top: 5px;
margin-bottom: 10px;
}
.formOffresContact p{
margin: 0px 0 6px 0;
clear: left;
}

/* Formulaire code de réduction**************************************************************/
.formCodeContact{ 
padding-left: 230px;
padding-right: 20px;
}
#contenuExclu2ans .formCodeContact, #contenuExclu2ansAnnonce .formCodeContact{ 
padding-right: 230px;
padding-left: 20px;
}
.formCodeContact p{
margin: 0px 0 6px 0;
clear: left;
}
.formCodeContact a{
display: block;
text-align: center;
}
#contenuEspaceVRP .formCodeContact p.messageCode{
margin: 6px 0 6px 0;
clear: left;
text-align: center;
font-weight: bold;
}
#contenuEspaceVRP .formCodeContact p.titreFormulaire, #contenuExclu2ans .formCodeContact p.titreFormulaire, #contenuEspaceExclu2ansAnnonce .formCodeContact p.titreFormulaire{
background-color: #ADDA00;
color: #FFFFFF;
width: 100%;
font-weight: bold;
text-align: center;
margin: 0;
padding: 2px 0px 2px 0px;
}
button.btValidCode{
display: block;
margin: 0px;
cursor: pointer;
width: 104px;
height: 17px;
background: url(/images/v2/btValidCode.gif) no-repeat;
border: 0;
}
.formOffresPaiement{
width: 400px;
margin-left: 290px;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.formOffresPaiement p{
margin: 0px 0 6px 0;
}
.choixContact{
background-color: #FAFAFA;
margin-bottom: 10px;
padding: 0 0 5px 0;
}
.choixContact p{
padding: 2px 0 0 10px;
}
.choixPaiement{
background-color: #FAFAFA;
padding: 0 0 5px 0;
}
.offreContact{
font-weight: bold;
padding: 2px 0 0 10px;
}
.offreContact span.offreSpeciale{
background-color: #ADDA00;
color: #FFFFFF;
font-weight: bold;
padding: 2px;
}
.typePaiement{
padding: 2px 0 0 10px;
width: auto;
font-weight: bold;
}
.typePaiement img{
vertical-align: bottom;
margin: 0px 2px 0 2px;
}
.conditions{
padding-left: 6px;
}

/************************************************************************************/
/* Page de PAIEMENT PUBLICATION D'ANNONCES */
/************************************************************************************/
.formOffresPaiementAnnonce{
width:550px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.formOffresPaiementAnnonce p{
margin: 0px 0 6px 0;
}
.formConditionsAnnonce{
padding-left: 230px;
padding-right: 0;
}
#contenuExclu2ans .formConditionsAnnonce{
padding-right: 100px;
padding-left: 20px;
}
.formConditionsAnnonce .choixPaiement{
background-color: #FAFAFA;
width:510px;
margin: 10px 0 0 0;
padding: 0 0 5px 0;
}
.formConditionsAnnonce p.conditions{
background-color: #FAFAFA;
text-align: center;
width:500px;
border: 1px solid #F3F3F3;
padding: 5px;
margin: 0 0 0 0;
}

/* Paiement par carte bancaire ***************************************************/
.formCarte{
background-color: #FAFAFA;
margin: 0px auto 0 auto;
width: 500px;
}

/* Paiement securise PAYBOX *****************************************************/
p#paybox {
font-weight: bold;
width: auto;
margin: 0px 0 10px 0px;
}
#paybox img{
vertical-align: text-bottom;
}
p#payboxAnnonce {
font-weight: bold;
width: auto;
text-align: center;
margin: 10px auto 20px auto;
}
#payboxAnnonce img{
vertical-align: text-bottom;
}

/* Messages type pour valider le paiement **************************************/
.validationPaiement{
width: 560px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
}

/*******************************************************************************/
/* Formulaire de contact d'un VRP ou un agent commercial (pour les societes) ***/
/*******************************************************************************/
div.valeurReponse{
clear:left;
}
/*#formContactVRP{
width: 700px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding-bottom: 10px;
background-color: #FAFAFA;
}
#formContactVRP .ligne{
float: left;
width: 100%;
margin-bottom: 10px;
}
#formContactVRP .ligneCoordonnees{
float: left;
width: 100%;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
padding:5px 0 5px 0;
margin-bottom: 10px;
}
#formContactVRP label{
float: left;
width: 200px;
margin-right: 20px;
text-align: right;
font-weight: bold;
}
#formContactVRP input{
width: 135px;
margin-right: 5px;
height: 11px;
}
#formContactVRP span.valeur{
float: left;
width: auto;
text-align: left;
}
#formContactVRP span.email{
float: left;
width: auto;
text-align: right;
font-weight: bold;
margin-bottom: 10px;
}
#formContactVRP span.email input{
margin-left: 20px;
font-weight: normal;
}
#formContactVRP span.telephone{
float: left;
width: auto;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}
#formContactVRP span.telephone input{
margin-left: 5px;
width: 120px;
font-weight: normal;
}
#formContactVRP span.adresse{
float: left;
width: auto;
font-weight: bold;
margin-left: 220px;
}
#formContactVRP span.adresse textarea{
margin-left: 5px;
vertical-align: text-top;
width: auto;
}
#formContactVRP button.btValider{
clear:left;
display: block;
margin: 0px auto 0px auto;
cursor: pointer;
width: 52px;
height: 17px;
background: url(/images/v2/btValider.gif) no-repeat;
border: 0;
}*/
#visualiserAnnonce{
background-color: #FFFFFF;
position:relative;
float: left;
width: auto;
height: auto;
margin: 10px auto 0 8px;
visibility:hidden;
display:none;
}
#visualiserAnnonce .annonceVrpAc{
width: auto;
margin-left: auto;
margin-right: auto;
background-color: #FAFAFA;
}
#visualiserAnnonce .annonceVrpAc .statutAnnonce{
width: 442px;
padding: 4px;
font-weight: bold;
color: #FFFFFF;
margin-right: 4px;
}
#visualiserAnnonce .refAnnonce, #visualiserAnnonce .statutAnnonce, #visualiserAnnonce .dateAnnonce{
background-image: none;
background-color: #C3C3C3;
}

/****************************************************************************************/
/* ESPACE MEMBRE PAGE LISTE DES MESSAGES NON LUS */
/****************************************************************************************/
#tableauListeMessages{
clear: both;
width: 764px;
background-color: #F7F7F7;
margin-bottom: 10px;
}
#tableauListeMessages td{
height: 20px;
}
.ligne1{
background-color: #F7F7F7;
}
.ligne2{
background-color: #FFF;
}
#tableauListeMessages thead{
height: 22px;
background-color: #F2584C;
font-weight: bold;
}
#tableauListeMessages thead td{
color: #FFFFFF;
font-weight: bold;
}

/*---------------------------------------------------------------------------*/
/* PAGES STATIQUES */
/*---------------------------------------------------------------------------*/
p.coordonnees {
margin: 0 0 0 30px;
padding: 0;
}